无法从 rc-time-picker 检索 ID 属性
Unable to retrieve the id property from rc-time-picker
我在 Reactjs 中使用 rc-time-picker。它显示正常。
我可以访问它的 value
属性,
但是,我正在尝试访问 rc-time-picker 的 id
属性,但无法访问。
import 'rc-time-picker/assets/index.css';
import TimePicker from 'rc-time-picker';
import moment from "moment";
<TimePicker
onChange={ function(value, id){console.log(value, id)} }
id={item.day}
defaultValue={moment()}
value={moment(item.start, format)}
format={format}
disabled={!item.isChecked}
showSecond={false}
/>
控制台只输出值属性,而id属性显示为未定义。
Github 参考:https://github.com/react-component/time-picker
如有任何帮助,我们将不胜感激。
您可以通过以下方式完成此操作:
class App extends React.Component {
state = {
value: moment(),
};
handleValueChange = (value, id) => {
console.log(value && value.format('HH:mm:ss'));
console.log(id);
this.setState({ value });
};
clear = () => {
this.setState({
value: undefined,
});
};
render() {
const { value } = this.state;
return (
<div>
<TimePicker
id={item.day}
defaultValue={value}
onChange={(value, id=item.day) => this.handleValueChange(value, id)}
/>
<button onClick={this.clear} type="button">
clear
</button>
</div>
);
}
}
希望这能解决问题。
我在 Reactjs 中使用 rc-time-picker。它显示正常。
我可以访问它的 value
属性,
但是,我正在尝试访问 rc-time-picker 的 id
属性,但无法访问。
import 'rc-time-picker/assets/index.css';
import TimePicker from 'rc-time-picker';
import moment from "moment";
<TimePicker
onChange={ function(value, id){console.log(value, id)} }
id={item.day}
defaultValue={moment()}
value={moment(item.start, format)}
format={format}
disabled={!item.isChecked}
showSecond={false}
/>
控制台只输出值属性,而id属性显示为未定义。
Github 参考:https://github.com/react-component/time-picker
如有任何帮助,我们将不胜感激。
您可以通过以下方式完成此操作:
class App extends React.Component {
state = {
value: moment(),
};
handleValueChange = (value, id) => {
console.log(value && value.format('HH:mm:ss'));
console.log(id);
this.setState({ value });
};
clear = () => {
this.setState({
value: undefined,
});
};
render() {
const { value } = this.state;
return (
<div>
<TimePicker
id={item.day}
defaultValue={value}
onChange={(value, id=item.day) => this.handleValueChange(value, id)}
/>
<button onClick={this.clear} type="button">
clear
</button>
</div>
);
}
}
希望这能解决问题。