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

Question

我想在内联样式中使用一个状态变量:

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

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

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

谢谢!

Answer 1

将 const 样式 移动到您的渲染函数中，就在您的返回

之前

它可能看起来像这样:

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