ReactJS中的内联样式
ReactJS中的内联样式
我刚开始接触ReactJS。我试图在单击按钮时同时更改按钮的文本和颜色。此代码可行：
class ToggleHelp extends React.Component {
constructor(props) {
super(props);
this.state = {isHelpOn: true};
// This binding is necessary to make `this` work in the callback
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState(prevState => ({
isHelpOn: !prevState.isHelpOn
}));
}
render() {
return (
);
}
}
ReactDOM.render(
,
document.getElementById('root')
);
但当我尝试使用以下内联样式时，代码停止工作：
我尝试了多次，以各种方式实现。目前我想让它成为一个内联样式。是否可能直接从React应用内联样式？如果是的话，想法是通过条件语句评估状态并设置一种颜色。
admin 更改状态以发布 2023年5月25日
