如何在没有引导程序的情况下重构 React JS 代码？

Question

我有带有 react-bootstrap 的代码：

 <ListGroup>
            {car.manufacturers.map(manufacturer =>
                <ListGroup.Item
                    style={{cursor:"pointer"}}
                    key={car.id}
                    active={manufacturer.id === car.selectedManufacturer.id}
                    onClick={() => car.SetSelectedManufacturer(manufacturer)}
                >
                    {manufacturer.name}
                </ListGroup.Item>
            )}
        </ListGroup>

但我更喜欢使用原生布局。如何在没有引导程序的情况下重构使用？我知道 active 键只是向元素添加一个类，但在这种情况下我不知道如何制作它

Answer 1

答案是：（以边框底部为例）

style={manufacturer.id === car.selectedManufacturer.id ? {borderBottom:"2px solid cyan"} : {borderBottom:"none"}}