美文网首页
初学react

初学react

作者: chloe2661 | 来源:发表于2016-12-22 01:04 被阅读0次

优点:

1、组件化——帮助分工、合作、效率高

2、虚拟DOM——性能高

3、跨平台——移动端、网页

4、开放——可以和原生、jq配合

JSX

1.增强型js语法——html代码直接放js里

2.babel编译JSX(需下载bable)

注意:顶级元素有且仅有一个

ReactDOM.render(什么东西, 到哪儿去)
ReactDOM.render(
                <span></span>,  //OK        
      //错      <span></span><span></span>,  
      //错      asd<span></span>bdbaa,       
                oDiv
)

组件写法:

class 组件名 extends React.Component{
        constructor(...args){
                super(...args);
      }
        render(){
                return 任何东西
      }
}

ReactDOM.render(
        <组件名/>,
        容器
);

组件的参数:
1.传进去
<xxx a="12"/>

2.里面如何用
this.props.a
React加事件:
<input onClick={this.fn} /> 直接加
<input onClick={this.fn.bind(this)} /> 加事件的同时,解决this问题
未完待续...

相关文章

  • 【React】初学React

    A. react中如何创建元素呢? 说明一点:属性都改为驼峰形式(无障碍属性aria-*除外),class改成cl...

  • React技术栈仿网易云音乐(移动端)

    初学React, 练手的网易云音乐项目 一、简介 技术栈 React React-Router Redux Ant...

  • 初学react

    优点: 1、组件化——帮助分工、合作、效率高 2、虚拟DOM——性能高 3、跨平台——移动端、网页 4、开放——可...

  • 初学React

    看了几天React基础,准备动手实战一下,相关环境搭建可以参考网上教程。 创建React项目详情教程参考链接:ht...

  • 初学react

    1、主要是src目录下的文件;index.js文件 引入react 和reactDOM文件,再引入app.js文件...

  • React初学

    storybook: https://github.com/storybooks/storybookhttps:/...

  • react初学

    简单说:直接写、json、props, 1.组件样式className="nihao",style中.nihao{...

  • 2018-07-31

    React初学的烦恼 1.对于React初学者来说,父子组件间的通信传递信息是必须掌握的,但在自己掌握做练习的过程...

  • React Native Android入门与实践

    本文旨在指导React Native初学者如何使用React Native初步构建Android应用。在看本文之前...

  • React/React Native 的ES5 ES6写法对照表

    转载自React Native 的ES5 ES6写法对照表 很多React/React Native的初学者都被E...

网友评论

      本文标题:初学react

      本文链接:https://www.haomeiwen.com/subject/jsscvttx.html