您不能在类的中间定义常量,这是无效的语法。根据定义1,类主体只能包含方法定义,静态方法定义和空语句(;
)2。divStyle
在方法内部定义:
class HolaMundo extends React.Component {
render() {
const divStyle = {
color: 'blue',
};
return (
<div className="container" style={divStyle}>
<h1>Hola {this.props.name}</h1>
</div>
);
}
}
1根据ECMAScript 2015语言规范第14.5节-类定义
2Babel当前支持类属性(带有plugins)。您还可以通过使用构造函数来分配实例变量,this.style = { ... }
并使用在类中的任何位置访问它this.style
。