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

我认为你必须这样写：&nbsp; const slideStyle = {&nbsp; &nbsp; width: 400 + "%",&nbsp; &nbsp; marginLeft: dis + "px",&nbsp; &nbsp; transition: "margin-left 1s"&nbsp; };