react常见问题(一)

1.setState的方法不能用在render中,可用this.state=" "代替,一般不推荐,在render里面不应该有此操作。

2.setState引起重新渲染render是一个异步操作。

3.return后面不能直接换行,要跟代码或者大括号。

4.原生HTML元素名以小写字母开头,而自定义的react组件必须以大写字母开头。除此之外还需要注意组件类只能包含一个顶级标签,否则报错。

5.页面间传值link=‘houseInfo?id=${record.id}‘;接收页面:var id = this.props.location.query.id。

6.render里面声明元素时,应当给予恰当的数据类型。

7.打印log时用逗号,不要用加号,加号不能展开object类型数据。

8.行内样式style={{marginTop:-20}},双引号,驼峰式,不带’px‘。

一树一菩提,一步一脚印。

时间: 2024-10-18 07:03:30

react常见问题(一)的相关文章

react常见问题(二)

本部分主要为表单相关. 1.表单form的react使用流程. A.引入antd插件,声明FormItem import {Form} from 'antd'; const FormItem = Form.Item; B.包装属性,使组件带有this.props.form属性 schoolEdit = Form.create({})(schoolEdit); C.在render中声明要使用到的this.props.form带的api const {getFieldDecorator} = thi

react常见问题(三)

表格相关 <Table dataSource={data} className="mt1" columns={columns} pagination={pagination} rowKey={record => record.city_id}/> const columns = [{ title: '学校名称', dataIndex: 'school_name', key: 'school_name', render:(text,record)=>{ if(te

react native的环境搭建中常见问题

搭建完成android的环境,我们就可以继续我们的react native环境的搭建了. 当然,按照fb的安装流程来完成rn的搭建. http://facebook.github.io/react-native/docs/getting-started.html 1.install python2 一定要安装python2.X.X的版本,切记不要安装pythn3+以上的. 2.rn的安卓sdk要是23.0.1,要不然会报在目录下找不到对应的sdk. 3.在目录下无法找到local.propert

React及JSX常见问题

一.新建一个React.createClass类时,变量名的第一个字母必须大写.例如:var Comm = React.creatClass({/*code*/}) 二.在JSX里怎么输出{}呢?使用{'{}'} 三.在JSX里标签不要大写,不然无法渲染.比如render:function(){return <P>Error</P>}这段代码是无法渲染到页面里的 四.JSX里的标签是必须有结束符的,按照最正确的html来写JSX,比如:<input type="te

使用React的static方法实现同构以及同构的常见问题

代码地址请在github查看,假设有新内容.我会定时更新.也欢迎您star,issue,共同进步 1.我们服务端渲染数据从何而来 1.1 怎样写出同构的组件 服务端生成HTML结构有时候并不完好.有时候不借助js是不行的.比方当我们的组件须要轮询服务器的数据接口,实现数据与服务器同步的时候就显得非常重要.事实上这个获取数据的过程能够是数据库获取,也能够是从其它的反向代理服务器来获取. 对于client来说,我们能够通过ajax请求来完毕,仅仅要将ajax请求放到componentDidMount

react native初步常见问题

首先按照资料一步步搭建环境运行,然后成功了,很激动,可是,安卓就是没这么容易成功,还是太年轻了 could not get batchedbridge, make sure your bundle is packaged correctly 找资料解决方案是package.json里面的scripts下标签如果没有bundle-android标签的添加一下,以为就好了 接着还是有错,又百度,解决方案是在命令里直接运行命令: 于是去群里寻找大神,结果大神没找到,跟我一样遇到这个问题的人倒是不少,没

webpack + react + es6, 并附上自己碰到的一些问题

最近一直在学react,react的基础部分已经学得差不多了,然而自己并没有做详细的记录,有兴趣的同志可以参考阮一峰老师的教程,个人觉得挺不错的,链接如下:https://github.com/ruanyf/react-babel-webpack-boilerplate, 学完了基础就想倒腾倒腾,webpack整合react加es6. 1.webpack + react + es6 1.1 新建项目 项目目录如下 具体的内容就不解释了,大家应该都看得懂 1.2 配置webpack 配置文件如下

初学 React native | 环境搭建(在模拟器上运行)

我的电脑是windows 所以就以 windows上+Android 配置React native 环境 网上的安装教程非常多,我总结了一下,出错原因主要是node java python c++  sdk 环境有问题,或者就是自己没有科学上网(你懂),网络有问题,导致了安装失败 至于如何安node java python c++ react-native-cli Android  sdk 我就不那么详细的说了,我主要说下我碰见的问题,想了解具体如何解决,点击这,还有这 node node wi

React native开发中常见的错误

react native环境搭建请移步:react native环境搭建 这里说说react native创建完成之后,运行中出现的常见问题, 问题1: java.lang.RuntimeException: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable. 这个是原因是工程找不到我们的and