React&React-Native的实践的问题

最新推荐文章于 2024-10-02 05:39:15 发布

psycium

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量220

点赞数

分类专栏：开发日志文章标签： react javascript app

本文链接：https://blog.csdn.net/void_rank/article/details/48846177

版权

开发日志专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Create element by array.map. 动态载入一些东西.

var list = [1, 2, 3, 4, 5]
...
render: function() {
    return <View>{
                list.map(function(value, index) {
                    return (<div>value</div>);
                }) 
            }</View>
}
...

在JSX里面()是javascript语法转换到类html语法的区分符，{}则是类html转换到javascript语法的区分符

()=>{} 与 function(){}.
这两个玩意儿其实是有点小区别的，区别在于在函数里的this。()=>{}相当于(function(){}).bind(this)，this是被立即绑定的，所以在react class的getInitialState, render巴拉巴拉的构造和配置函数不应该使用()=>{}。
React的instance和class的区别。可能很多人一上来就写惯了JSX没有理解React.createClass和React.createElement和JSX的区别。JSX虽然看起来像是html，你甚至以为它是直接不通过任何转换就po到页面上的。但其实不是这样。JSX会被翻译成React.createElement。例如< ActivityIndicator /> 实际上就被翻译成React.createElement(“ActivityIndicator”). JSX上的东西对应着React.createElement，而React.createClass在createElement之上的一个支持复用和动态修改的一个概念。而JSX和createElement一样是把Class实例化的看上去好像不同但实际上相同的写法。