React-Materialize Modal：任何键都会意外关闭模态

Question

说明我有一个带有文本输入的反应物化模式在选项中，我已将 dismissible 设置为 false

实际行为：当我在里面输入文字或任何东西时，任何键都会关闭模式。

预期行为：我只想在单击按钮关闭或单击按钮提交时关闭模态你知道为什么任何键都会关闭模式吗？我认为这是因为我输入的 OnChange。

谢谢

版本反应物化：3.5.10 物化-css：1.0.0 反应：16.12.0

<Form>
  <Modal actions={[ <div>
    <Button className="blue darken-4" size="sm" onClick={()=> this.closeModal()}>Annuler</Button>{' '}
    <Button className="blue darken-4" size="sm" onClick={()=> this.addProd(producerName, producerShare)} >Enregistrer dans la blockchain</Button>
    </div>

    ]} bottomSheet={false} fixedFooter={false} header="Ajouter un coproducteur" id="Modal-0" open={false} options={{ dismissible: false, endingTop: '10%', inDuration: 250, onCloseEnd: null, onCloseStart: null, onOpenEnd: null, onOpenStart: null, opacity:
    0.5, outDuration: 250, preventScrolling: true, startingTop: '4%' }} trigger={
    <Button className="blue darken-4">Ajouter un coproducteur</Button>} >
    <p>

      Veuillez saisir le nom du coproducteur et le pourcentage de ses parts dans le projet
    </p>
    <br></br>


    <TextInput id="producerName" placeholder="Nom" onChange={adresse=> this.setState({producerName: adresse.target.value})} />{' '}
      <br></br>
      <TextInput id="producerShare" placeholder="Part Producteur" onChange={adresse=> this.setState({producerShare: adresse.target.value})} />
        <br></br>
  </Modal>
</Form>

Answer 1

解决方案是删除 open={false}

React-Materialize Modal：任何键都会意外关闭模态

React-Materialize Modal : any key will close the modal unexpectedly

state

modal-dialog

onchange

materialize

reactjs