ReactJS -在两个不同的组件之间共享数据而不需要状态



我想在两个组件之间共享数据,而在第二个组件中,我只想使用数据,不想显示任何内容。例如:从App.js共享数据到草莓.js,并使用它进行一些操作,而不是在html中显示它。提前感谢。

App.js
function App() {
let data1 = {
test : "Strawberry"
}


return (
<>
<div className="App">
<h1>Hello World!</h1>
<Apple></Apple>
<Banana></Banana>
</div>
<Strawberry data = {JSON.stringify(data1)}></Strawberry>
</>
);
}
Strawberry.js
export const Strawberry = (props) => {
console.log (props.data)
return  props.data
}

你说的话听起来就像你所展示的。通过props将数据从一个组件传递到另一个组件。

到目前为止,只要你正确地导入和导出文件,你应该有正确的数据传递到Strawberry

你的问题可能是在导入功能正常。请确保在文件的顶部使用import { Strawberry } from 'path/to/Strawberry'

如果这没有帮助,请添加额外的上下文,我可以帮助更多的信息。

相关内容

  • 没有找到相关文章