在 React 上添加和删除（切换）活动 class

Question

我正在用 onClick 更改 state 并为该 state 名称的数据添加边框。 但是当我单击其他框时，之前添加的边框不会被删除。 这是我的代码；

    const [toggleState, setToggleState] = useState(null);

  return (
    <React.Fragment>
        <Col sm="6">
        <Card className="text-center">
          <CardBody onClick={() => setToggleState(user.name)} className={toggleState === user.name ? 'selectedItem' : '' + ' cursorPointer'} >
            <Row onClick={event => props.onChange('true')}>
                <Col sm="4">
                </Col>
            </Row>
          </CardBody>
         </Card
         </Col>
       </React.Fragment>

Answer 1

很难说您要设置的 className 是什么，但 Unmitigated 似乎对此问题有一个好主意。 我还注意到你没有关闭你的

</Card

正确地位于底部的第三行，这可能也会影响页面的行为方式。