Javascript 将jQuery日期选择器与Reactjs一起使用

我正在尝试将日期选择器添加到我的React表单中，但它并没有像预期的那样100%工作。我可以让弹出的日历出现，我可以选择一个日期添加到框中，但当我点击提交时，该值无法识别。此外，在我的测试环境中，当在datepicker中选择日期时，当我在不同字段中输入值时，该值将消失。下面是一段代码：

class App extends React.Component{
  constructor(){
    super()
    this.state = {
      decisionDate: ''
    }
    this.setdecisionDateValue = this.setdecisionDateValue.bind(this)
    this.handleClick = this.handleClick.bind(this)
  }
  
    
    setdecisionDateValue (value) {
      this.setState({
        decisionDate: value
      })
    }
  
  componentDidMount(){
    $( "#decisionDate" ).datepicker({
      onSelect: this.setdecisionDateValue
    });
  }
  
<input type="text" name="decisionDate" id="decisionDate" placeholder="MM/DD/YYYY" value={this.state.decisionDate} />

类应用程序扩展了React.Component{
构造函数（）{
超级（）
此.state={
决定日期：“”
}
this.setdecisionDateValue=this.setdecisionDateValue.bind（this）
this.handleClick=this.handleClick.bind（this）
}
setdecisionDateValue（值）{
这是我的国家({
决策日期：价值
})
}
componentDidMount（）{
$（“#决策日期”）.datepicker({
onSelect:this.setdecisionDateValue
});
}

---

这是我测试了你的代码，它运行正常。你的提交按钮没有绑定到handleClick事件。我已将代码更改为：

submit

，它运行正常。