我在 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}
/>
控制台仅输出 value 属性,而 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>
);
}
}
希望这能解决问题。
关于javascript - 无法从 rc-time-picker 检索 id 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56002071/