selectInput的setState

Question

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

那么，如何从子组件上存在的SelectInput的父组件setState上的handleChange中获取信息呢？

    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函数位于更新状态的父组件中，而您的输入位于您要在onChange上触发handleChange函数的子组件CInfo中。如果是这样，请更改您的代码

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

在您的父母中这样连接它，您称呼孩子

change={this.handleChange}