Javascript 如何将状态值从一个组件传递到另一个包含参数设置的子组件?
我有一个基本组件,可以通过axios获取用户信息,然后设置用户状态。但在组件中,我有另一个嵌套组件,它是一个表单类型的组件,用于设置占位符、defaultValue等 这是获取数据并设置状态的lifecyle方法:Javascript 如何将状态值从一个组件传递到另一个包含参数设置的子组件?,javascript,node.js,reactjs,jsx,Javascript,Node.js,Reactjs,Jsx,我有一个基本组件,可以通过axios获取用户信息,然后设置用户状态。但在组件中,我有另一个嵌套组件,它是一个表单类型的组件,用于设置占位符、defaultValue等 这是获取数据并设置状态的lifecyle方法: componentDidMount() { axios.get('https://niftyURLforGettingData') .then(response => { console.log(response.data);
componentDidMount() {
axios.get('https://niftyURLforGettingData')
.then(response => {
console.log(response.data);
const users = response.data;
this.setState({ users });
})
.catch(error => {
console.log(error);
});
}
嵌套在此组件中的是“我的表单”组件:
<FormInputs
ncols={["col-md-5", "col-md-3", "col-md-4"]}
properties={[
{
defaultValue: "I NEED VALUE HERE: this.state.users.id",
}
/>
如果我只使用:
{this.state.users.id}在它工作的组件之外。。。但内在的形式…什么都没有
我很确定我必须将状态传递到这个组件中。。。但是不能完全理解它。我很确定它不起作用,因为当您的组件第一次呈现时,
用户
是未定义的。
尝试在以下状态下初始化该变量:
状态={
用户:{}
}
然后使用回退,因为执行此操作时,id
也将是未定义的
:
如果情况并非如此,请分享有关您的情况的更多信息。您能否更详细地了解问题所在defaultValue:this.state.users.id应该是您想要的,如果它“不起作用”,那么我们需要更多关于这意味着什么的细节。