@aliretail/react-materials-components/demo/DataImport/history.md

B 端物料组件库

---
title: DataImport-history
order: 2
---

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { DataImport } from '@aliretail/react-materials-components';
import { Button } from '@alifd/next';
import '../../src/DataImport/index.scss';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      isComplex: false,
    };
  }

  render() {
    const { isComplex } = this.state;
    return (
      <div>
        <DataImport
          showHistory
          sceneId="123"
          isComplex={isComplex}
          appCode="omsdemo"
          historyInputQuery={[{ field: 'name', value: 'xxxx' }]}
        />
      </div>
    );
  }
}

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