在内联样式中使用状态变量

Question

我想在我的内联样式中使用状态变量：

const styles = {
progressText1: {
    fontSize: this.state.text1Size
  }
};

constructor(props, context) {
    super(props, context);
    this.state = {
      text1Size: "300%"
    };
};

...这样我就可以在窗口调整大小时重置它。我收到错误“undefined没有属性”。有谁知道出了什么问题？

谢谢！

Answer 1

将const styles移到您的return

之前的渲染功能中

看起来像这样：

render() {
  const styles = {
    progressText1: {
      fontSize: this.state.text1Size
    }
  }; 
  return (
    <div style={styles.progressText1}></div>
  )  
}