博客

React

概念

• react是facebook出的一款针对view视图的library(库)。

使用

• 在使用react做项目的时候可以结合很多第三方的插件开发（路由插件，管理插件等等）。
• 浏览器只认识.js,.css.html文件，项目通过其他工具转化
• 使用jsx语法：在js文件中可以直接写html标签

1、组件定义：

//在html中 
<div id='app'></div> 

//在script标签中 
//方法1、定义react组件 
function HelloWorld()
{ 
    return(            //return返回的是要渲染的层次结构 
        <div>//唯一的根节点 
            <h3>第一个react样式</h3> 
        </div> 
) } 

 
//方法2、class定义组件 
class Person extends React.Compoent{ 
    constructor(props){ 
        super(props) 
        //console.log(props['name']            //第一种子组件获取父组件的数据方式1 
    } 
    render(){ 
        const {name}=this.props                //第二种获取父组件数据方式，借助es6解构赋值 
        <div>        //此处无法编写注释为了能够区分清楚两种方式不得已使用 
        // <h3>{this.props['name']}</h3>        //第一种接收子组件