怎么修改react native组件的props

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么修改react native组件的props相关的知识,希望对你有一定的参考价值。

可以通过react-native android在当前目录下创建一个包括rn骨架的工程
默认引用index.android.js

直接自定义使用也是不行的
Command
`run-myReactAndroid` unrecognized Usage:
react-native

Commands:
start: starts the webserver install: installs npm react components
bundle: builds the javascript bundle for offline use new-library:
generates a native library bridge android: generates an Android
project for your app

packager的启动可以执行 react-native start
可能遇到一些error【graldew wrapper 出错】,使用 gradlew installDebug/installRelease 直接执行
$ ./gradlew assemble -为所有构建类型创建apk
$ ./gradlew check 运行所有的检查,比如说Android Lint,如果发现问题可终止任务 $ ./gradlew build 运行以上两个任务
$ ./gradlew clean -清除生成的apk ++++
$ ./gradlew connectedCheck - 在设备上运行测试
$ ./gradlew deviceCheck - 远程设备运行测试
$ ./gradlew installDebug/installRelease - 在设备商安装指定版本
$ ./gradlew uninstall - 卸载
参考技术A 楼主我也在看这个,横向对比的有东芝的8寸板子,正版win8和office,摄像头800w自动对焦,不过屏幕就要小一点啦。你考虑下。我打算入东芝的这个。本回答被提问者采纳

React Native的props和state的介绍

this.props

可以通过将属性传递给构造函数constructor来实例化组件,这些属性就叫做props。在组件渲染的时候,可以通过this.props访问该组件的属性。但是不在组件方法里面修改props。

该组件的父元素一般会修改它孩子的属性,然后孩子重新渲染将这些属性展现出来。当然,孩子不一定重新渲染,具体看shouldComponentUpdate()方法的返回值,该方法的默认值是返回值true,也就是默认会重新渲染。孩子可以重写该方法返回false,就不会重新渲染,一般这样做是为了减少不必要的渲染来提高性能。

this.state

组件通过state对象维护它内部的状态,组件内部的方法可以通过this.state访问。和props不同的是,组件的父元素不会去访问它孩子的state,毕竟state是用来维护该组件内部的状态的。

修改state是通过this.setState()方法进行的,比如说:不是直接this.state.foo=‘bar‘,而是this.setState({foo:‘bar‘}); 。会将setState的值合并到原来的state里面,如果存在了就覆盖掉。

 

以上是关于怎么修改react native组件的props的主要内容,如果未能解决你的问题,请参考以下文章

react native怎么获取标签

react-native之远程图片修改后APP不更新

react native 怎么动态修改 opacity

react native 怎么将点击事件传到另一个组件

reactnative this.refs 怎么返回值

「React Native」子组件Render中props为空报错问题