javascript - 在 JSX 中传递变量

Question

我有一个函数，我可以发送获取请求并使用 setStockData 存储返回的数据。代码的基本分割如下。

  function LoggedIN(){
      const [stockData, setStockData] = useState([]); // Data from the API search

       // 
      // Set the stockData from a fetch in this area 
     //

      return (
        <Graphdraw /> 
      );
    }

stockData一旦设置变量，它看起来基本上就像这样。

[
  {
    "timestamp": "2020-03-19T14:00:00.000Z",
    "symbol": "AAL",
    "name": "American Airlines Group",
    "open": 11.6,
    "high": 12.16,
    "low": 10.01,
    "close": 10.29,
  },
  {
    "timestamp": "2020-03-18T14:00:00.000Z",
    "symbol": "AAL",
    "name": "American Airlines Group",
    "open": 14.24,
    "high": 14.28,
    "low": 10.17,
    "close": 11.65,
  }
]

我要通过stockData进入<Graphdraw />这样我就可以像下面这样访问它

function Graphdraw(props){

  for (let i = 0; i < props.length; i++){
    console.log(props[i].low);
  }

}

到目前为止，我读了一些帖子并查看了 jsx 页面，但似乎无法让它正确通过。怎么通过stockData进入<Graphdraw />我在 function Graphdraw (props) 中正确访问它吗？ ？

Answer 1

试试这个？

function LoggedIN(){
  const [stockData, setStockData] = useState([]); // Data from the API search

   // 
  // Set the stockData from a fetch in this area 
 //

  return (
    <Graphdraw stockData={stockData} /> 
  );
}

function Graphdraw(props){
  for (let i = 0; i < props.stockData.length; i++){
     console.log(props.stockData[i].low);
  } 
}