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

B 端物料组件库

---
title: Button-Usage
order: 1
---

isPreview & readOnly 暂时展现形式相同

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

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

  MultiInputRef = React.createRef();

  render() {
    return (
      <div>
        <MultiInput
          inputList={[
            {
              key: 'input1',
              placeholder: '长度控制在2到4个的数字',
              regExp: /^\d{2,4}$/,
              regExpMsg: '长度控制在2到4个的数字',
            },
            {
              key: 'input2',
              required: true,
              placeholder: '我是第二个',
            },
          ]}
          value={this.state.value}
          ref={this.MultiInputRef}
          onChange={(val) => {
            console.log('onChange', val);
            this.setState(
              {
                value: val,
              },
              () => {
                this.MultiInputRef?.current?.validate();
              },
            );
          }}
        />
        <Button
          onClick={() => {
            console.log(this.MultiInputRef?.current?.validate());
          }}
        >
          提交验证
        </Button>
      </div>
    );
  }
}

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