如何在打字稿 reactjs 中定义 class 方法？

Question

我想使用 class 的方法如下：

class MyComponent extends React.Component<Props> {
render() {
let { date } = this.props
let range = MyComponent.title(date)

return <TimeGrid {...this.props} range={range} eventOffset={15} />
}
}

我的方法是：

MyComponent.title = date => {
return `My awesome week: ${date.toLocaleDateString()}`;
};

但我收到错误消息：

Property 'title' does not exist on type 'typeof MyComponent'

Answer 1

您的组件看起来像 this.Add 静态的方法标题。

class MyComponent extends React.Component<Props> {
      static title=date => {
          return `My awesome week: ${date.toLocaleDateString()}`;
       };
      render() {
          let { date } = this.props
          let range = MyComponent.title(date)
          return <TimeGrid {...this.props} range={range} eventOffset={15} />
      }
}

如何在打字稿 reactjs 中定义 class 方法？

How do I define class methods outside it in typescript reactjs?

javascript

typescript

reactjs

react-big-calendar