airbnb/React-dates,startDateId 属性 是什么?
airbnb/React-dates, what is the startDateId property?
我已经成功实施了 Reac-dates 范围,正如所解释的 here,
我担心的是
startDateId 和 endDateId 这些属性有什么用???
<DateRangePicker
startDate={this.state.startDate} // momentPropTypes.momentObj or null,
startDateId="your_unique_start_date_id" // PropTypes.string.isRequired,
endDate={this.state.endDate} // momentPropTypes.momentObj or null,
endDateId="your_unique_end_date_id" // PropTypes.string.isRequired,
onDatesChange={({ startDate, endDate }) => this.setState({ startDate, endDate })} // PropTypes.func.isRequired,
focusedInput={this.state.focusedInput} // PropTypes.oneOf([START_DATE, END_DATE]) or null,
onFocusChange={focusedInput => this.setState({ focusedInput })} // PropTypes.func.isRequired,
/>
我知道这可能是一个简单的答案,但我还没有找到解释,它只是说它必须是一个唯一的字符串,我在两个属性上都使用了相同的字符串并且它仍然有效。 .
为了便于访问,输入字段应包含在 <label>
标记中,该标记也与输入的 id
相关联。每个 id
在页面上都应该是唯一的,因此它不能在组件内可靠地生成,因此它作为 prop 传递。
我已经成功实施了 Reac-dates 范围,正如所解释的 here, 我担心的是
startDateId 和 endDateId 这些属性有什么用???
<DateRangePicker
startDate={this.state.startDate} // momentPropTypes.momentObj or null,
startDateId="your_unique_start_date_id" // PropTypes.string.isRequired,
endDate={this.state.endDate} // momentPropTypes.momentObj or null,
endDateId="your_unique_end_date_id" // PropTypes.string.isRequired,
onDatesChange={({ startDate, endDate }) => this.setState({ startDate, endDate })} // PropTypes.func.isRequired,
focusedInput={this.state.focusedInput} // PropTypes.oneOf([START_DATE, END_DATE]) or null,
onFocusChange={focusedInput => this.setState({ focusedInput })} // PropTypes.func.isRequired,
/>
我知道这可能是一个简单的答案,但我还没有找到解释,它只是说它必须是一个唯一的字符串,我在两个属性上都使用了相同的字符串并且它仍然有效。 .
为了便于访问,输入字段应包含在 <label>
标记中,该标记也与输入的 id
相关联。每个 id
在页面上都应该是唯一的,因此它不能在组件内可靠地生成,因此它作为 prop 传递。