我正在嘗試將函數(shù)用作組件內(nèi)的道具，并且該組件是另一個組件的子組件。但該功能不起作用。？我能知道為什么嗎。這是我在控制臺中收到的警告。警告：在 StrictMode 中不推薦使用 findDOMNode。findDOMNode 被傳遞了一個在 StrictMode 中的 Transition 實例。相反，將 ref 直接添加到要引用的元素這是我的代碼class Todo extends Component {  state = {    show: false,    editTodo: {      id: "",      title: "",      isCompleted: false    }  }  handleClose = () => {    this.setState({ show: false })  }  handleShow = () => {    this.setState({ show: true })  }  getStyle () {    return {      background: '#f4f4f4',      padding: '10px',      borderBottom: '1px #ccc dotted',      textDecoration: this.props.todo.isCompleted ? 'line-through'        : 'none'    }  }  //this method checks for changes in the edit field  handleChange = (event) => {    this.setState({ title: event.target.value })    console.log(this.state.editTodo.title);  }  render () {    //destructuring    const { id, title } = this.props.todo;    return (      <div style={this.getStyle()}>        <p>          <input type='checkbox' style={{ margin: "0px 20px" }} onChange={this.props.markComplete.bind(this, id)} /> {''}          {title}          <Button style={{ float: "right", margin: "0px 10px" }} variant="warning" size={"sm"} onClick={this.handleShow}>Edit</Button>{' '}          <Button style={{ float: "right" }} variant="danger" size={"sm"} onClick={this.props.DelItem.bind(this, id)}>Delete</Button>        </p>        <Modal show={this.state.show} onHide={this.handleClose}>          <Modal.Header closeButton>            <Modal.Title>Edit your Task!</Modal.Title>          </Modal.Header>          <Modal.Body >            <FormGroup >              <Form.Control                type="text"                value={this.state.editTodo.title}                onChange={this.handleChange}              />            </FormGroup>          </Modal.Body>          <Modal.Footer>