как обновить состояние массива

Question

Я хочу удалить данные после нажатия кнопки очистки. поэтому для этого я установил состояние с пустым массивом, используя data:[]. когда я консоль регистрирую это, это дает мне пустой массив, который означает, что состояние обновляется. но в тот момент, когда он идет сюда this.props.form.setFieldsValue линии. состояние снова обновляется со старыми значениями (значениями реквизита). если кто знает как это исправить подскажите пожалуйста. спасибо

Clear = async () => {
       await this.setState({
            textOne: 0,
            texttwo: 0,
            textthree: 0,
            data:[]
        });

        this.props.form.setFieldsValue({
            number_field_one: '',
        });

    }

<div style={{ width: "100%", marginTop: "3%", marginBottom: "1%" }}>
  <span>
    {getFieldDecorator("number_field_one", {})(
      <Select
        onChange={e => {
          this.setState({ ID: e });
        }}
        filterOption={(input, option) =>
          option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
        }
      >
        {Options}
      </Select>
    )}
  </span>

  {this.state.data ? (
    <div
      style={{ float: "right", width: "30%", height: 280, overflowY: "scroll" }}
    >
      <List
        loading={this.props.loading}
        size="small"
        bordered
        dataSource={this.state.data}
        renderItem={item => <List.Item>{item}</List.Item>}
      />
    </div>
  ) : (
    <div
      style={{ float: "right", width: "30%", height: 280, overflowY: "scroll" }}
    >
      <List
        loading={this.props.loading}
        size="small"
        bordered
        dataSource={data}
        renderItem={item => <List.Item>{item}</List.Item>}
      />
    </div>
  )}
</div>
 <Button onClick={this.Clear} type="danger" >Clear</Button>