问题描述
我正在使用 TimeRange,当我想格式化时间并在子组件中使用它时,我遇到错误:
“类型错误:_this.state.endTime.format 不是函数”
只有在我更改时间时才会发生这种情况,如果我不及时进行任何更改,则它可以完美运行。
代码:
import React,{ Component } from "react";
import TimeRange from "react-time-range";
import moment from "moment";
class Menu extends Component {
constructor(props) {
super(props)
this.state = {
endTime: moment(),startTime: moment(),};
}
returnFunctionStart = (event) => {
this.setState({
startTime: event.startTime,});
};
returnFunctionEnd = (event) => {
this.setState({
endTime: event.endTime,});
};
timePicker() {
return (
<TimeRange
onStartTimeChange={(event) => {
this.returnFunctionStart(event);
}}
onEndTimeChange={(event) => {
this.returnFunctionEnd(event);
}}
startMoment={this.state.startTime}
endMoment={this.state.endTime}
/>
);
}
子组件
return (
<Bg5
startTime={this.state.startTime.format("hh:mm A")}
endTime={this.state.endTime.format("hh:mm A")}
></Bg5>
)
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)