@aliretail/react-link-selector/demo/LinkSelector/example.md

x

---
title: LinkSelector-Simple
order: 1
---

本 Demo 演示一行文字的用法。

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import LinkSelector from '@aliretail/react-link-selector';
import { Button } from '@alifd/next';

class App extends Component {
  state = {
    visible: false,
  };

  render() {
    const { visible } = this.state;
    return (
      <div>
        <Button
          onClick={() => {
            this.setState({ visible: true });
          }}
        >
          打开弹窗
        </Button>
        <LinkSelector
          visible={visible}
          value={{
            actionLinkMeta: {
              id: 1,
              moduleName: 2,
              moduleTitle: 3,
              name: '朔漠',
            }
          }}
          dialogProps={{
            onOk: (obj) => {
              console.log('返回对象', obj);
              this.setState({ visible: false });
            },
            onCancel: () => {
              this.setState({ visible: false });
            },
          }}
        />
      </div>
    );
  }
}

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