react条件判断、行内样式style、动态绑定className、循环生成节点、数据监听useEffect

2024-07-03 08:58:59 浏览数 (2)

今天接手一个react项目维护，往里面加一点功能，这里把react常见语法总结记录一下

1、react条件判断生成节点

代码语言：javascript复制
<div>
  {this.state.switch ? <div>开启</div> : <div>关闭</div>}
</div>

2、react行内样式style及动态绑定style

代码语言：javascript复制
// App.js
 
const App = () => {
  const stylesObj = {
    backgroundColor: 'lime',
    color: 'white',
  };
 
  const elementWidth = 150;
 
  return (
    <div>
      {/* 


	


腾讯技术创作特训营S7 




	






	

 0 人点赞