从react Component返回纯文本

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之后状态可用。有没有办法让我以某种方式访问​​状态，可能是手动初始化组件。

或者，也许我可以做到这一点

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