从react Component返回纯文本

时间:2015-10-07 05:19:49

标签: javascript reactjs redux

我正在尝试制作一个反应组件,它会让我恢复原状的转换文本。但是,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
);

0 个答案:

没有答案