ReactNative进阶（六）：ReactNative语法学习

前言

对于第一次接触ReactNative的同学，最痛苦的是什么时候使用{}，什么时候使用(),当然我也经历过那段时间，为此简单总结了下。

• ReactNative中，使用表达式的时候需要用{}包住；

style={styles.mainStyle}

  

 

  
1
 

• ReactNative中,在字符串中使用变量的时候，需要用{}包住;

var str = 'hello'
<Text>{str}</Text>

  

 

  
1
  
2
 

• ReactNative中，对象，字典需要用{}包住;

style = {}, // 最外层表达式，用{}包住
{flex:1}, // 对象，用{}包住
<View style={{flex:1}}></View>

  

 

  
1
  
2
  
3
 

• 创建组件<View></View>，必须要用()包住;
  因此只要返回组件，都需要用()。

render(){ return ( <View style={styles.mainStyle}> </View> )
}

  

 

  
1
  
2
  
3
  
4
  
5
  
6
 

拓展阅读

• React 教程
• ReactNative 教程

文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。

原文链接：shq5785.blog.csdn.net/article/details/116028177