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

Question

假设我有一个组件（我们称之为 Comp1），其中有一个保存数据的“const”变量。我想将 Comp1 中的“const”变量传递给我的第二个组件 Comp2。有没有简单的方法来做这样的事情？

Answer 1

是的，将 const 变量类型传递给另一个组件没有问题。变量类型只影响变量的行为。

只需将您想要的变量传递给组件并通过目标组件道具访问它。

Answer 2

当然。您可以将任何类型的数据传递给其他组件。

假设 Comp1 是父元素，Comp2 是子元素，您可以看一下这个例子，看看它是如何工作的：

const Comp1 = () => {

    const numbers = [1, 2, 3]

    return <div>

        <Comp2 nums = {numbers}/>

    </div>

}

const Comp2 = ({ nums }) => {

    console.log(nums)

    return <div>

        Numbers: {nums.toString()}

    </div>

}

Answer 3

您可以将其作为道具传递

function Comp1() {

  const comp1Data = "hello";

  return <Comp2 comp1Data={comp1Data} />;

}

function Comp2({ comp1Data }) {

  return comp1Data;

}