Javascript 从react组件返回纯文本

我正在尝试制作一个react组件，它将返回经过纯转换的文本。但是，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();
}

我不确定这是不是一个好的模式，但这是有效的，直到我不尝试访问状态。因为状态在组件初始化后可用。是否有一种方式让我以某种方式访问状态，可能是手动初始化组件

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

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

---

你为什么要对此做出反应？你能不能做一个普通的函数，传递你想要转换的任何东西？我必须根据状态中的值进行转换。在普通函数中如何访问该值？以用户选择的货币

transformCurrency（this.state.currency，userSelectedTextToTransform）为例还是什么？问题是，只有当我使用像
这样的组件时，状态才可用，因为只有这样它才被初始化并可用。您需要在其他组件中使用该函数。