javascript - 从反应组件返回纯文本

Question

我正在尝试制作一个反应组件，它将让我返回纯转换文本。但是，react 强制返回至少一个包裹内容的 html。

我想像这样添加一个静态实用程序函数

@connect((state) => {
  return {
    state_val: state.state_val
  };
})

export default class Transform extends Component {
    ...
}

Transform.text = (text) => {
    // Need to access state here, but this.props.state_val
    // is not available till the Component is initialized
    return text.toUpperCase();
}

不确定这是否是一个好的模式，但这在我当然不尝试访问状态之前有效。因为在 Component 初始化之后 state 才可用。有没有办法让我以某种方式访问​​状态，可能是手动初始化组件。

或者，也许我可以通过某种方式做到这一点

return (
    this.props.text.toUpperCase(); // It is not allowed though
);