我一直在尝试为电子邮件列表制作一个过滤部分。有一对标准可以是一个或另一个，所以我认为复选框会很好。问题是，我不知道如何根据数组的状态将复选框表示的值添加到数组中（如果选中，则添加它，如果未选中，则删除它）。我正在使用react和react引导。我非常感谢您的帮助：

const [filtros, setFiltros] = useState([]);//this is the filter list and the method to change it
const addFilter = (name, e) => {//this is the method to add a filter to the list
    setFiltros([...filtros, {
        id: filtros.length,
        value: name
    }])
}

<Container>
            <Row>
                <Col>
                    <DropdownButton id="ciclo" title="Ciclo" variant="success">//this is a dropdown to add filters
                        {CURSOS.map((val,key) => {
                            return(
                                <Dropdown.Item onClick={addFilter.bind(this, val.ciclo)}>{val.ciclo}</Dropdown.Item>//agregar condición para que no se repita si se aperta más de una vez
                            )
                        })}
                    </DropdownButton>
                </Col>
                <Col>
                    {filtros.map(filtros => (<ul key={filtros.id}>{filtros.value}</ul>))}
                </Col>
                <Col>
                    <Form>
                        //this are the checkbox that i would lñike to use
                        <Form.Group controlId="alumno">
                            <Form.Check type="checkbox" label="Alumnos"/>
                        </Form.Group>
                        <Form.Group controlId="tutor">
                            <Form.Check type="checkbox" label="Apoderados"/>
                        </Form.Group>
                    </Form>
                </Col>
            </Row>
<container/>

以防万一， filtro 代表过滤器。提前谢谢。