react--入门

import React from ‘react‘;

class Login extends React.Component{
    render(){
        return(
               <div></div>
        )
    }
}

export default  Login;

import React,{Component} from ‘react‘;

class Login extends Component{
    render(){
        return(
            <div><div>
        )
    }
}

export default  Login;

import React from ‘react‘;

class Login extends React.Component{
    render(){
       let name=‘React‘;
        return(
           <div>Hello,{name}</div>
        )
    }
}

export default  Login;

import React,{Component} from ‘react‘;

class Parent extends Component{
    render(){
        return(
            <div>
                <ul>
                    <Child name=‘张良‘ age=‘17‘></Child>
                    <Child name=‘韩非‘ age=‘24‘ ></Child>
                    <Child name=‘卫庄‘ age=‘20‘ ></Child>
                </ul>
            </div>
        )
    }
}

class Child extends Component{
    render(){
        return(
            <li>姓名：{this.props.name}--年龄：{this.props.age}</li>
        )
    }
}

export default Parent