React中如何动态修改样式

React是一个流行的JavaScript库，用于构建用户界面。在React中，可以使用内联样式对象或CSS类来设置元素的样式。要实现动态修改样式，可以使用状态和事件处理程序来更新元素的样式。

下面是一个使用内联样式和状态来动态修改样式的示例代码：

首先，创建一个React组件，并定义一个初始状态和一个事件处理程序：

import React, { useState } from 'react';

const DynamicStyleExample = () => {
  const [isHighlighted, setHighlighted] = useState(false);

  const toggleHighlight = () => {
    setHighlighted(!isHighlighted);
  };

  return (
    <div>
      <button onClick={toggleHighlight}>Toggle Highlight</button>
      <div
        style={
  {
          backgroundColor: isHighlighted ? 'yellow' : 'white',
          padding: '10px',
          borde