tui-calendar.js：3512未捕获的TypeError：无法读取未定义的属性“ split”

Question

我在Reactjs中使用tui.Calendar，我阅读了文档以开始使用它，但是当我尝试包括日历时，它在{{1 }} Uncaught TypeError: Cannot read property 'split' of undefined是我的代码：

tui-calendar.js:3512

任何人都可以帮助我解决这个问题吗？

Answer 1

当您创建日历类时，您的DIV尚不存在-渲染功能仅告诉您组件的外观。此外，每次您的div需要更新时，您都会创建一个新的日历实例，这可能不是您想要的。

相反，应使用其他生命周期方法创建它：

render() {
  ...
  return <div id="calendar" style={{height: 800}}></div>;
}
componentDidMount() {
  this.calendar = new Calendar(...)
}

这仍然不是理想的，因为如果删除了组件，它将破坏（检查库是否提供了销毁日历实例并将其放置在componentWillUnmount中的方法）。它还不支持多个日历组件，可以通过为每个实例分配不同的ID来解决这些问题。