我可以在 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>
}