reactjs 将局部值传递给React类

hts6caw3 于 2022-12-22 发布在 React

关注(0)|答案(3)|浏览(150)

我希望我能够表达得有意义，无论如何，我是一个完全的新手，不知道如何避免在React按钮中硬编码可选的类名：

<button value='dogs' className={imageOptions === 'dogs' ? "options-button option-active" : "options-button"} onClick={(e) =\> handleImageOptions(e)}\>
   Dogs
</button\>

我在想事情会很简单

className={imageOptions === value ? "options-button option-active"

等等

reactjs

来源：https://stackoverflow.com/questions/74874404/passing-a-local-value-to-a-react-class

3条答案

按热度按时间

yebdmbv41#

<button
            value="dogs"
            className={`${
              imageOptions === "dogs"
                ? "options-button option-active"
                : "options-button"
            }`}
            onClick={(e) => handleImageOptions(e)}
          >
            Dogs
          </button>

赞(0）回复(0）举报 2022-12-22

envsm3lx2#

仅根据条件添加活动类

className={`options-button ${
      imageOptions === 'dogs' ? 'option-active' : ''
    }`

赞(0）回复(0）举报 2022-12-22

sxissh063#

className={`options-button ${(imageOptions === 'dogs') && 'option-active'}}

赞(0）回复(0）举报 2022-12-22

我来回答

reactjs 将局部值传递给React类

3条答案

相关问题

热门标签

最新问答