javascript - 如何在 typescript reactjs 中定义它之外的类方法？

Question

我想为该类使用如下方法：

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()}`;
};

但我收到错误：

类型“typeof MyComponent”上不存在属性“title”

Answer 1

您的组件将如下所示。将静态添加到您的方法标题。

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} />
      }
}