---
title: 组件示例
order: 2
---

## 基础用法

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { DemoWrapper, Title, config } from '@linkdesign/screen';

const { _cssPrefix } = config;

class App extends Component {
  render() {
    return (
      <DemoWrapper id="demo-Title">
        <Title className={`${_cssPrefix}main-title`} align="left">物联网智慧城市中枢</Title>
        <Title className={`${_cssPrefix}sub-title`}>
          <span
            className={`${_cssPrefix}iconfont-ability`}
            dangerouslySetInnerHTML={{ __html: '&#xe6e1;' }}
            style={{ marginLeft: 20, marginRight: 8 }}
          />
          无东市滨海区
        </Title>
      </DemoWrapper>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);
```
