我一直在尝试为电子邮件列表制作一个过滤部分。有一对标准可以是一个或另一个,所以我认为复选框会很好。问题是,我不知道如何根据数组的状态将复选框表示的值添加到数组中(如果选中,则添加它,如果未选中,则删除它)。我正在使用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
代表过滤器。提前谢谢。
暂无答案!
目前还没有任何答案,快来回答吧!