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

我没有从子组件的

事件=>{this.handleChange（event，index）}

中获取

索引，我怀疑
事件也没有到达。我不知道如何把它传给家长。我曾尝试将其添加到孩子的
props.onChange（event，index）
中，但没有成功。我已经尽我所能地摆弄了很多东西，但是我被卡住了。任何帮助都将不胜感激

家长：

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


{this.handleChange（事件、索引）}/>

儿童：


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>
    )
}


导出常量输入=（道具）=>{
返回(
想法：
{props.thoughtrop.map（（输入，索引）=>(
))}
{props.has输入(
) : (
无效的
)}
)
}
您还需要通过索引

在父母中

onChange={this.handleChange}

在孩子身上

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

我得到了一个错误
props.onChange不是一个函数
你的父母是一个类组件，你的孩子是一个功能组件吗？是的，没错，父母类组件和孩子的功能组件。这很奇怪，我创建了这个代码沙盒，其中有一个工作示例，使用了我在答案中输入的相同内容。你是对的，一定是其他的东西。射击嗯，好的。回到绘图板上。