React细节
来源:互联网 发布:qq微商软件 编辑:程序博客网 时间:2024/05/31 19:23
1、基本语法
1.1、属性名
当react采用JSX语法时,JSX语法将类HTML结构直接写在了代码中。由于HTML的部分属性在JavaScript中属于保留字,因此属性名采用新的替代名称,且采用驼峰语法。比如class
使用className
代替
class example extends React.Component { render() { return <h1 className='style1'>Hello World</h1>; }}
1.2、内联样式
react中的内联样式的值使用对象而不是字符串
class example extends React.Component { render(){ return <h1 style={{color: 'red'}>Hello World</h1>; }}
在React中,内联表达式都是用{}
表示的。所以在上面的示例中,style需要两个{}来表示,最外面的表示这是一个表达式,里面一个才表示这是一个对象。
二级标题
三级标题
四级标题
注:
阅读全文
0 0
- React细节
- react的一些细节
- react学习中的一些细节
- Android React Native的使用细节问题
- React Native 学习笔记十六(细节分析)
- 【react学习】关于react框架使用的一些细节要点的思考
- 【react学习】关于react框架使用的一些细节要点的思考
- 【react学习】关于react框架使用的一些细节要点的思考
- 【react】关于react框架使用的一些细节要点的思考
- 细节
- 细节
- 细节
- 细节
- 细节
- 细节
- 细节
- windows部署React-Native的开发环境实践(技术细节)
- React
- poj 2947 Widget Factory 高斯消元解模线性方程
- 揭开跨域的面纱(中)
- EditText使光标移动到最后面
- STM32串口如何代码实现更稳定的接收消息
- 自定义圆形渐变加载百分比-开始-暂停
- React细节
- C的抽卡小游戏
- TF-IDF特征提取 用sklearn提取tfidf特征
- Python assert 断言
- android 多点触摸
- SQLite学习(二)
- java 多线程访问共享变量不安全因素分析
- SLAM学习——李群与李代数
- js代码规范