看下面一个例子,定义一个MyModal组件,渲染hello world字样。
export default class MyModal extends Component {
constructor(props) {
super(props);
};
render() {
return(
<View>hello world</View>
)
}
}
一、以下方式则不会渲染任何结果,会报错。如果不是render下的根return不会报错,只是渲染内容为空
1、将“(”大括号换行
return
(
<View>hello world</View>
)
2、取消大括号 View标签换行
return
<View>hello world</View>
二、改成以下方式也是可行的
1、取消大括号,View标签和return同一行
return <View>hello world</View>
总结
大括号或者元素标签必须跟return在同一行,如果用了大括号则里面的元素标签可任意换行