- 组件简单使用
类似HTML Tag，最终编译成React.createElement(component, props, ...children)
<Button title="按钮"/>
<Button title="按钮"></Button >
编译后
React.createElement(Button,{title: "按钮"}, null)
2 组件使用注意事项
- 类似js，如果脱离了当前域范围，需要导入
- 类似js，支持组件作为属性，使用.来实现命名空间的效果。
- 用户自定义组件必须是大写字母开头，方法级的方法也要大写开头
- 运行时组件必须提前选择好，jsx标签无法动态改变
3 属性注意事项
- 表达式要使用{}传递
- 字符串中有转义字符需要转义或者使用{}包裹
- 属性如果没有赋值，默认值为true
- 支持组件属性中使用展开运行...
4 子组件使用注意事项
- 行头、行尾、空行的空白都会被忽略
- 子组件也可以通过表达式计算获得
- 可通过props.children对子组件进行操作
- Booleans, Null, and Undefined都会忽略，如果需要展示请转为String
网友评论