## Area使用方法

```
import React, { Component } from 'react';
import Area from './widgets/Area';
import logo from './logo.svg';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
import './App.css';


class App extends Component {

  render() {
    const Nav = () => (
        <nav>
          <ul>
            <li><Link to='/'>Home</Link></li>
            <li><Link to='/components'>Components</Link></li>
            <li><Link to='/example'>Example</Link></li>
            <li><Link to='/about'>About us</Link></li>
          </ul>
        </nav>
    )
    return (
      <div className="App">
        <header className="App-header">
          <Nav/>
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
  <Area checkedData="1;3;5;6;7;8;9;10;2;11;17;18;19;20;21;22;4;23;264;266;269;270;271;357;25;26;27;28;29;30;31;32;33;34"></Area>
      </div>
    );
  }
}

export default App;

```