@aliretail/react-materials-components/demo/TreeSelector/validate.md

B 端物料组件库

---
title: TradeTable-Usage
order: 3
---

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@alifd/next';
import { TreeSelector } from '@aliretail/react-materials-components';

class App extends Component {
  state = {
    value: undefined,
  };

  TreeSelectorRef = React.createRef();

  render() {
    return (
      <div>
        <TreeSelector
          url="https://rap2api.alibaba-inc.com/app/mock/6013/tree-selector/get_all"
          isGetAllDataSource
          ref={this.TreeSelectorRef}
          value={this.state.value}
          onChange={(val) => {
            this.setState(
              {
                value: val,
              },
              () => {
                this.TreeSelectorRef?.current?.validate(true);
              },
            );
          }}
        />
        <Button
          onClick={() => {
            console.log(this.TreeSelectorRef?.current?.validate(true));
          }}
        >
          提交验证
        </Button>
      </div>
    );
  }
}

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

/* deploy 工程 */
```