我有一個包含 10 多個輸入字段的表單，用于更新類的狀態(tài)。為了讓事情看起來更干凈，我將所有帶有標(biāo)簽的輸入字段移動到一個單獨的組件中，以便我可以為每個輸入重新使用它。該組件采用 2 個參數(shù)，作為我主類中的子組件。子組件：    const Input = ({ name, placeholder }) => {      return (        <div className="wrapper">          <Row className="at_centre">            <Col sm="2" style={{ marginTop: "0.5%" }}><Form.Label>{ name }</Form.Label></Col>            <Col sm="5"><Form.Control placeholder={ placeholder }/></Col>          </Row>        </div>      )    }家長：    state = { name: '', description: '' }    handleSubmit = (e) => {        e.preventDefault()        console.log(this.state);    }    render(){        return(            <Form style={{ marginBottom: "5%", padding: 10 }} onSubmit={ this.handleSubmit } >                <Input name="Name: " placeholder="How is it called?" onChange={ (event) => this.setState({name: event.target.value}) }/>                <Input name="Description: " placeholder="Please describe how does it look like?" onChange={ (event) => this.setState({description: event.target.value}) }/>                <Button variant="outline-success" size="lg" type="submit" >SUBMIT</Button>            </Form>                    )    }在我這樣做之后，我找不到如何在更改文本時從我的子組件更新狀態(tài)的方法。我這樣做的所有嘗試要么使網(wǎng)站崩潰，要么什么也沒做。我還是 React.js 的新手，所以任何反饋都值得贊賞。