---
description: 'A Button component.'
labels: ['label1', 'label2', 'label3']
---

import ActionDynamic from './index'
import '@platformuiserver/platformui.assets/css/index.less'

## 该组件是评论 ➕ 变更记录组件

### 组件使用方式

```js
<ActionDynamic
  commentsList={[
    {
      name: '用户名',
      createTime: '2021-09-12',
      content: '评论'
    },
    {
      name: '用户名1',
      createTime: '2021-09-13',
      content: '评论'
    }
  ]}
  changeRecordList={[
    {
      id: 1,
      operator: '用户名',
      remark: '更新了xxx,更新说明为【xxx】',
      createTime: '2021-07-30 17:42:25'
    },
    {
      id: 2,
      operator: '用户名',
      remark: '更新了xxx,更新说明为【xxx】',
      createTime: '2021-07-30 17:42:25'
    }
  ]}
/>
```

### Using props to customize the text

Modify the text to see it change live:

```js live
<div style={{ width: '100%' }}>
  <ActionDynamic
    commentsList={[
      {
        name: '用户名',
        createTime: '2021-09-12',
        content: '评论'
      },
      {
        name: '用户名1',
        createTime: '2021-09-13',
        content: '评论'
      }
    ]}
    changeRecordList={[
      {
        id: 1,
        operator: '用户名',
        remark: '更新了xxx,更新说明为【xxx】',
        createTime: '2021-07-30 17:42:25'
      },
      {
        id: 2,
        operator: '用户名',
        remark: '更新了xxx,更新说明为【xxx】',
        createTime: '2021-07-30 17:42:25'
      }
    ]}
    getComListAndLogList={(e) => console.log('getComListAndLogList 返回事件', e)}
  />
</div>
```

## Properties

| 属性                 | 说明 | 类型 | 默认值 | 版本  |
| -------------------- | ---- | ---- | ------ | ----- |
| commentsList         | Text | Text | Title  | Title |
| changeRecordList     | Text | Text | Text   | Text  |
| executionUseCase     | Text | Text | Text   | Text  |
| isShowComments       | Text | Text | Text   | Text  |
| onPulishComments     | Text | Text | Text   | Text  |
| getComListAndLogList | Text | Text | Text   | Text  |
| showLog              | Text | Text | Text   | Text  |
