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

Question

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

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

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

Answer 1

您可以将其作为道具传递

function Comp1() {
  const comp1Data = "hello";
  return <Comp2 comp1Data={comp1Data} />;
}

function Comp2({ comp1Data }) {
  return comp1Data;
}

Answer 2

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

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

Answer 3

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

假设 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>
}