我可以在 ReactJS 中将“const”变量从一个组件传递到另一个组件吗？

Question

假设我有一个组件（我们称之为 Comp1），其中有一个保存数据的“const”变量。

我想将 Comp1 中的“const”变量传递给我的第二个组件 Comp2。

有没有简单的方法来做这样的事情？

Answer 1

是的，将 const 变量类型传递给另一个组件没有问题。变量类型只影响变量的行为。只需将您想要的变量传递给组件并通过目标组件道具访问它。

Answer 2

当然。您可以将任何类型的数据传递给其他组件。假设 Comp1 是父元素，Comp2 是子元素，您可以看一下这个例子，看看它是如何工作的：const Comp1 = () => {&nbsp; &nbsp; const numbers = [1, 2, 3]&nbsp; &nbsp; return <div>&nbsp; &nbsp; &nbsp; &nbsp; <Comp2 nums = {numbers}/>&nbsp; &nbsp; </div>}const Comp2 = ({ nums }) => {&nbsp; &nbsp; console.log(nums)&nbsp; &nbsp; return <div>&nbsp; &nbsp; &nbsp; &nbsp; Numbers: {nums.toString()}&nbsp; &nbsp; </div>}

Answer 3

您可以将其作为道具传递function Comp1() {&nbsp; const comp1Data = "hello";&nbsp; return <Comp2 comp1Data={comp1Data} />;}function Comp2({ comp1Data }) {&nbsp; return comp1Data;}