将变量从子组件传递到父组件

Question

我没有从子组件的event => { this.handleChange(event, index) }中获取index ，并且我怀疑该event也没有到达。 我不知道如何将其传递给父母。 我曾尝试将其添加到孩子的props.onChange(event, index)中，但没有奏效。 我已经尽可能多地摆弄，但被卡住了。 任何帮助将不胜感激！

家长：

 <Inputs hasInputs={hasInputs} onSubmit={this.handleSubmit} thoughtProp={this.state.thought} onChange={event => { this.handleChange(event, index) }} />

孩子：

export const Inputs = (props) => {
    return (
        <form className="flex-item-main form" onSubmit={props.onSubmit}>
        <div>
                    <h4>
                      <p className='inputsHeader'>Thoughts:</p>  
                    </h4>
                </div>
            <ol>
              {props.thoughtProp.map((input, index) => (
                <Input type='text' key={index} value={input} onChange={props.onChange} className='textInputs' />
              ))}
              { props.hasInputs ? (
                <input className='submitThoughts' type='submit' value='Submit Thought!' />
              ) : (
                null
              )}
            </ol>
          </form>
    )
}

Answer 1

您还需要传递索引

在父

onChange={this.handleChange}

在孩子

onChange={(e) => props.onChange(e, index)}