javascript - 如何在reactjs中手动触发dom上的点击事件

Question

我想在输入元素上手动触发 onclick 事件。我做了一些搜索并编写了如下代码。

<input type="date" ref={datePicker => this.datePicker = datePicker}/>
            <button
                    onClick={(e) => {
                      this.datePicker.click()
                    }}>
             Select the data
            </button>

然后我也尝试了下面的代码:

<input type="date" ref='datePicker'/>
                <button
                        onClick={(e) => {
                          this.refs.datePicker.click()
                        }}>
                 Select the data
                </button>

以上代码均无效。当我单击按钮时，没有任何反应。我希望打开数据选择器用户界面。

Answer 1

我尝试了你的两个例子，以及 <input>元素的.click()方法确实被调用了。它没有按您预期工作的原因是，单击仅将键盘焦点放在元素中，而不单击日期选择器。以编程方式打开日期选择器是 currently not possible ，至少不是在所有浏览器中。