React：如何将 css 转换添加到内联样式

Question

我想要一个按钮，点击后，状态 isBackward 变为 true 并且内联样式将被添加到 div 容器中并具有动画。我在 React 中尝试了以下代码，只有转换不起作用，其他属性起作用。任何人都有想法让 marginLeft 的过渡有动画？const slideStyle = {    width: 400 + "%",    marginLeft: dis + "px",    transition: "marginLeft 1s"  }; <div style={isBackward ? slideStyle : null} className="quote-box-wrap">     {quotes.map((item, index) => (          <Quote            key={index}            id={index}            content={item.sentence}            author={item.author}          />     ))}</div>

Answer 1

我认为你必须这样写：

  const slideStyle = {

    width: 400 + "%",

    marginLeft: dis + "px",

    transition: "margin-left 1s"

  };