如何清除/重置react.js表单中的输入数据？

我正在做一个React.js项目。这是一个基于输入案例研究详细信息的项目。我正在尝试实现一个取消按钮，该按钮将清除输入并使用户返回输入详细信息的第一步。

我遇到的问题是，页面返回到第一步，但输入数据仍然存在。

Input Details Aren't Cleared As Shown

该项目使用数据处理程序API，并且该表单由多个组件组成。这是我用于重置输入的当前代码。重置状态无效。

  handleDetails = e => {
    e.preventDefault();
    this.props.handleEnterDetails();
    this.setState({clientName: ''})
  };

<Button type = "reset" value = "Reset" onClick={this.handleDetails}>Cancel</Button>

如果这个问题似乎不完整，我深感抱歉，这是我的第一个问题，我尝试按照指南进行操作。谢谢！