React Native 语法细节相关

最新推荐文章于 2021-08-10 15:58:06 发布

一点心≈

最新推荐文章于 2021-08-10 15:58:06 发布

阅读量334

点赞数

分类专栏： React-Native

本文链接：https://blog.csdn.net/baihailing/article/details/89192385

版权

这篇博客探讨了React Native中的语法细节，包括箭头函数的使用、组件渲染优化、样式布局、数据类型特性、字符串与数字转换、属性赋值方式、箭头函数与代码块的区别以及正则表达式的应用。同时强调了代码优化和引号规范的重要性。

摘要由CSDN通过智能技术生成

1.箭头函数调用的两种实现：

======方法1==========
//这种调用调的是箭头函数的对象
onFocus = {this._commentsTextGetFocus}


//箭头函数
  _commentsTextGetFocus = () => {
    if (this.state.commentsText.length > 0) {
      this.setState({ isShowCommentsCancelBtn: true });
    } else {
      this.setState({ isShowCommentsCancelBtn: false });
    }
  }


=======方法2===========
//直接是箭头函数的调用，把方法包在箭头函数里了
  onFocus={() => {
    this._commentsTextGetFocus();
   }}

//方法实现
  _commentsTextGetFocus() {
    if (this.state.commentsText.length > 0) {
      this.setState({ isShowCommentsCancelBtn: true });
    } else {
      this.setState({ isShowCommentsCancelBtn: false });
    }

第二种，传递匿名函数会导致每一次的props都不相同，让组件出现无谓的渲染，Q友说的。

2.如果未指定父组件的