selectInput的setState

Question

我面临的问题是，当我在子组件上添加setState时，验证和下一步不起作用，因为它是在父组件上的handleChange函数上处理的。

那么，我怎样才能从handleChange的父组件setState上确认它存在于子组件上呢？

​

    getStepContent(stepIndex) {
        switch (stepIndex) {
            case 0:
                return (<CInfo ci={this.props.cInfo} errors={this.state.errors} onChange={this.handleChange}  />);
             
            case 1:
                return 

​

​

    handleChange = (event) => { 
       
        const { stepIndex } = this.state; 
        const target = event.target;
        const value = target.type === 'checkbox' ? target.checked : target.value;
        const name = target.name;
       
        var type = null;
        switch(stepIndex) {
            case 0: type='UPDATE_CINFO'; break;
            case 1: type='UPDATE_PINFO'; break;
            default: break;
        }
        this.props.dispatch(updateCurrentForm( type, { [name]: value } ));

        this.setState( this.state , () =>  this.validateFields()  )
       
    } 

​

请多提建议，我们将不胜感激

Answer 1

这是一个非常不清楚的问题，但我会试一试。我假设您的handleChange函数位于父组件中，该组件正在更新状态，而您的输入位于您的孙子组件CInfo中，您希望在其中触发onChange上的handleChange函数。如果是这样，请按如下方式更改代码

<CInfo ci={this.props.cInfo} errors={this.state.errors} onChange={props.change}  />);

在你的父母中，像这样连接你的孩子

change={this.handleChange}