Reactjs 使用自定义按钮打开日期选择器或日期选择器对话框

是否有任何方法可以使用外部控件/按钮触发DatePickerDialog打开，而不是使用DatePicker自带的内置

输入

---

我们正在使用图书馆

由于对话框

打开

状态由

物料界面

组件内部处理，因此唯一的方法是在

日期选择器中使用
ref
并调用
focus（）
。有点像黑客，但它很管用

例如：

<DatePicker
    ref='datePickerStartDate'
    errorStyle={componentSyles.error}
    textFieldStyle={componentSyles.textField}
    DateTimeFormat={Intl.DateTimeFormat}
    cancelLabel={cancelLabel}
    autoOk={true}
    {...this.props}
     />

<FontIcon
    onClick={(e) => { this.refs.datePickerStartDate.focus() }}
    className="material-icons" style={componentSyles.icon}>
    date_range
</FontIcon>


{this.refs.datePickerStartDate.focus（）}
className=“材质图标”样式={componentSyles.icon}>
日期范围
嘿，这很好用，谢谢。一个问题：我们在动态创建的项目列表中使用它，每个项目都有一个日期选择器，并且数组索引的上下文总是设置为数组中的最后一个项目，但是当我们将其用作输入时，它工作得很好。如何传入正确的索引？您是否尝试将索引绑定到该函数中？如果是，你能提供一些代码吗？