Javascript React/Next JS-如何使用来自不同JS文件的数据更新表组件中的数据
我正在使用React/Next JS构建资源库--> 我在顶部有一些类别（设计、代码、工具等），每个Javascript React/Next JS-如何使用来自不同JS文件的数据更新表组件中的数据,javascript,reactjs,next.js,Javascript,Reactjs,Next.js,我正在使用React/Next JS构建资源库--> 我在顶部有一些类别（设计、代码、工具等），每个类别将使用相同的表组件。每个类别都有自己的js文件和数据，其思想是表组件中的数据将根据用户单击的类别进行更新。现在表中的数据来自designData.js文件，但我希望根据用户单击的类别更新数据（例如：如果用户单击Tools类别，我希望表显示toolsData.js中的数据） 更新表中的数据以便使用正确的data.js文件的最佳方法是什么？（props？state？componentDidMoun
类别将使用相同的表
组件。每个类别
都有自己的js文件和数据，其思想是表
组件中的数据将根据用户单击的类别进行更新。现在表中的数据来自designData.js
文件，但我希望根据用户单击的类别更新数据（例如：如果用户单击Tools
类别，我希望表显示toolsData.js
中的数据）
更新表中的数据以便使用正确的data.js文件的最佳方法是什么？（props？state？componentDidMount？其他？）
这是我的结构示例（我不介意是否需要重做现有内容，因此我愿意接受建议。）
components/
|-table.js
|-categories.js
data/
|-designData.js
|-codeData.js
|-toolsData.js
pages/
|- library/
| |-design.js
| |-code.js
| |-tools.js
|- _app.js
|-index.js