reactjs - 如何从另一个文件中提供 Bar 数据？

Question

条形图.js

class BarChart extends React.Component {
    render() {
      return (
        <div className="col-md-6">
          <Bar />
        </div>
      )
    }
}

main.js

import BarChart from './barChart';

return (
    <BarChart data={data} />
)

条形图显示正确，但我分配的数据不起作用，任何人都可能知道如何将 main.js 文件中的数据提供给 Bar？

标签： reactjs

Answer 1

我是变化barChart.js

export const BarChart =({data})=> {
    console.log(data);
      return (
        <div className="col-md-6">
          <Bar />
        </div>
      )
    
}

工作演示