【发布时间】:2021-10-11 10:17:26
【问题描述】:
我在 react 中有一个主页面组件,其渲染功能如下所示
const MainPage = () => {
return (
<>
<Component1 />
<Component2 />
</>
)
}
并且组件有一些输入
const Component1 = () => {
const [val1, setVal1] = React.useState("");
const [val2, setVal2] = React.useState("");
return (
<>
<input type="text" value={val1} onChange={setVal1} />
<input type="text" value={val2} onChange={setVal2} />
</>
)
}
我的问题是如何在 MainPage 组件中获取值 val1 和 val2? 提前致谢
【问题讨论】:
-
我觉得你不能那样做,你应该在 MainPage 组件中有状态值,或者如果你需要使用这些值你必须使用上下文 API
-
@Nacho 我相信这种方法会导致不必要的螺旋桨钻孔。所以想确定是否有其他更好的方法。
标签: javascript reactjs react-hooks