react 实践

1、安装react-dom

npm i react-dom --save

2、实例

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

// Parent Component
class GroceryList extends Component {
    render() {
        return (
            <ul>
                <ListItem quantity="1" name="Bread" />
                <ListItem quantity="6" name="Eggs" />
                <ListItem quantity="2" name="Milk" />
            </ul>
        );
    }
}

// Child Component
class ListItem extends Component {
    render() {
        return (
            <li>
                {this.props.quantity}× {this.props.name}
            </li>
        );
    }
}

ReactDOM.render(<GroceryList/>,document.getElementById("root"));

3、输出结果