我想在两个组件之间共享数据,而在第二个组件中,我只想使用数据,不想显示任何内容。例如:从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'
。
如果这没有帮助,请添加额外的上下文,我可以帮助更多的信息。