如何在反应

Question

我正在使用多重复选框过滤器。

我有这样的状态：

this.state = {
    filter: [
        {
            "elements": [],
            "filterKey": ''
        }
    ]
};

例如，在filterKey中，我将拥有部门，并且在元素中，我将拥有：制作，市场营销等。 当我按下复选框时，我想设置状态，但复选框位于另一个组件中：

const DepartmentRow = ({ data }) =>
<tbody>
  <tr>
    <td><div><input type="checkbox" name="ListOfDepartments" value={data.department} onChange={handleCheckboxForDepartments}/>
      <label htmlFor="ListOfDepartments">{data.department}</label></div>
    </td>
  </tr>
</tbody>;

DepartmentRow.propTypes = {
    data: PropTypes.object
};

export default DepartmentRow;

首先，我试图在我拥有状态的组件中找到导入handleCheckboxForDepartments函数的方法。 在handleCheckboxForDepartments中，我想设置调度操作的状态，因为在服务器上我们已经有了筛选列表，它需要我发送该对象数组。

但对我来说，设置具有这种形式的国家有点困难......

handleCheckboxForDepartments(event) {
    this.setState({ filter ..});
}

你能帮我吗？