componentdidmount不能与split函数和setState一起使用

Question

我有一个模式，只触发用户点击链接，在我有这个

的组件中

componentDidMount() {
    const { from_date, to_date } = this.props;

    let from_date_str = from_date.split(' ')[0],
    to_date_str = to_date.split(' ')[0];

    console.log(from_date_str);
}

这是有效的，但是当我尝试setState喜欢

时

componentDidMount() {
    const { from_date, to_date } = this.props;

    let from_date_str = from_date.split(' ')[0],
    to_date_str = to_date.split(' ')[0];

    this.setState({
        from_date_obj : from_date,
        to_date_obj : to_date,
        from_date : from_date_str,
        to_date: to_date_str
    })

}

我会收到Cannot read property 'split' of undefined的错误，感叹为什么会这样？

Answer 1

只需检查未定义。

let from_date_str = from_date && from_date.split(' ')[0],
    to_date_str = to_date && to_date.split(' ')[0];

希望这有帮助。

Answer 2

此变量（＆＃34; from_date＆＃34;）必须是字符串。

我认为你的＆＃34; from_date＆＃34;是整数还是空。

Check split of document