# 提示组件

![](http://p2.qhimg.com/t01876a039807a751eb.gif)

## 使用方法
```javascript
import Tips from './components/Tips';

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
        <Tips tips="推广计划包括以下6种状态:<br/>1.有效.<br/>2.暂停投放.<br/>3.非投放时段.<br/>4.非推广日期.<br/>5.搜索推广预算不足.<br/>6.推广计划预算不足.<br/>" />
      </div>
    );
  }
}

export default App;
```
| 参数 | 说明        | 类型    | 可选值 | 默认值 |
| ---- | ----------- | ------- | ----- | ----- |
| tips | 要展示的内容 | String  |   —   |   —  |