Javascript 使用React JS使Glyphicon日历图标可单击

有没有办法让日历图标在单击时打开日期时间选择器？我目前只有按钮，但无法点击。我一直在努力寻找一些特定的反应

<div className={class}>
    <i className="glyphicon glyphicon-calendar"></i>
</div>

---

您只需将onClick事件绑定到

<i onClick={this.showCalendar.bind(this)} className="glyphicon glyphicon-calendar"></i>`

`

并在组件的showCalendar函数中写入逻辑以显示日历组件。 有关事件处理的更多详细信息，请参阅react官方网站

组件用于组件的条件呈现。您应该将所有可以更改视图的变量放置在组件的状态对象中，并调用setState方法来更新状态，它将自动重新渲染组件

下面给出了一个示例组件

类SimpleExample扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={showCalendar:false}；
this.showCalendar=this.showCalendar.bind（this）；
this.hideCalendar=this.hideCalendar.bind（this）；
}
showCalendar（）{
this.setState（{showCalendar:true}）；
}
汗腺{
this.setState（{showCalendar:false}）；
}
render（）{
返回(
显示日历
{this.state.showCalendar&&
历法
隐藏日历
}
);
}
}
ReactDOM.render（，document.getElementById（'example'））

我不知道为什么会用c#标记此项。请不要在你的问题中添加不相关的标签谢谢。showCalendar函数的外观如何？老实说，我有点不明白该写些什么才能让它发挥作用。这真的很有帮助，谢谢。明天我会告诉你进展如何！