React从0到1--新的JSX样式
Posted 码我滴码
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React从0到1--新的JSX样式相关的知识,希望对你有一定的参考价值。
react是通过数据驱动的方式来实现页面的操作
1、在render函数里面添加样式
render(){
const counterStyle={
color:‘red‘
};
return(
<div>
<button onClick={this.onClickButton} style={counterStyle}> Click Me</button>
<div>
Click Count:{this.state.count}
</div>
</div>
);
}
以上是关于React从0到1--新的JSX样式的主要内容,如果未能解决你的问题,请参考以下文章
从 0 到 1 实现 React 系列 —— 4.setState优化和ref的实现
从 0 到 1 实现 React 系列 —— 组件和 state|props
从 0 到 1 实现 React 系列 —— 5.PureComponent 实现 && HOC 探幽