如何在React.js中使用JavaScript修改CSS

在React.js中使用JavaScript修改CSS可以通过以下步骤实现：

1. 首先，确保你已经安装了React.js和相关的依赖。
2. 在React组件中，你可以使用内联样式（inline style）来修改CSS。内联样式是一个JavaScript对象，其中包含CSS属性和对应的值。
3. 在React组件中，你可以使用内联样式（inline style）来修改CSS。内联样式是一个JavaScript对象，其中包含CSS属性和对应的值。
4. 在上面的例子中，我们创建了一个名为styles的对象，其中包含了要修改的CSS属性和对应的值。然后，我们将这个对象作为style属性传递给<div>元素。
5. 如果你需要根据组件的状态或属性动态修改CSS，你可以在render()方法中使用JavaScript来生成内联样式对象。
6. 如果你需要根据组件的状态或属性动态修改CSS，你可以在render()方法中使用JavaScript来生成内联样式对象。
7. 在上面的例子中，我们使用组件的状态isHighlighted来动态修改文字的颜色。当isHighlighted为true时，文字颜色为红色，否则为黑色。我们还添加了一个点击事件，当点击<div>元素时，会调用toggleHighlight()方法来切换isHighlighted的值。
8. 如果你需要在React组件外部修改CSS，你可以使用CSS模块（CSS Modules）或CSS-in-JS库，例如styled-components。
9. 使用CSS模块的示例：
10. 使用CSS模块的示例：
11. 在上面的例子中，我们通过import语句导入了一个名为styles的对象，它包含了从MyComponent.module.css文件中导出的CSS类名。然后，我们将这个类名作为className属性传递给<div>元素。
12. 使用styled-components的示例：
13. 使用styled-components的示例：
14. 在上面的例子中，我们使用styled.div函数创建了一个名为StyledDiv的组件，它具有指定的CSS样式。然后，我们将这个组件作为普通的React组件使用。

这些是在React.js中使用JavaScript修改CSS的几种常见方法。根据具体的需求和项目情况，你可以选择适合你的方式来修改CSS。