如何通过按钮更新此组件

Question

请帮助我，如何从<DatePicker/>更新<Button/>组件。目前，这是在onchange上直接更新的。

示例1：https://i.stack.imgur.com/LAgLD.png

<Context.Consumer>
  {( test = { date, updateDate }) => (
    <ColumnContainer>
      <label>Date</label>
      <DatePicker
        name="date"
        type="date"
        onChange={updateDate}
        value={date}
      />
    </ColumnContainer>
  )}
</Context.Consumer>

<ColumnContainer>
  <Button onClick={this.DatePicker.updateDate} >Add</Button>
</ColumnContainer>