javascript - react 更新现有的 css 类

标签 javascript css reactjs ecmascript-6

我的 React 元素中包含一个库。该库具有自定义元素和自定义 CSS 类(我不渲染这些元素)。但是,我想在 React 中更改它们的外观。基本上,我想动态更改库使用的 CSS 类属性。

i-bottom-right {
    bottom: 0;
    right: 0; => change that to right: 500px;
}

这可能吗?

最佳答案

  1. 您必须初始化在 State 中给定库的默认类。喜欢,

    构造函数( Prop ){ super ( Prop ); this.state = { classupdate:'libraryClass'}

  2. 在您的 onClick 事件中,您通过 setState 更新了您自己的类,

    showHideClick = (event,rowIndex) => { this.setState({'classupdate': 'yourOwnClass'})

  3. 在您各自的 Div 或您的元素中使用状态,

  4. 在你自己的类中添加你自己的样式

关于javascript - react 更新现有的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55000903/

相关文章:

javascript - 您可以将元素传递给 Vue 模板中的函数吗?

html - 如果其中有图片,td 元素太宽

javascript - Mobx 不会在可观察数组中的项目发生更改后重新呈现

javascript - react 错误 : Target Container is not a DOM Element

javascript - 如何在 Photoshop 脚本中将图层居中?

javascript - KIBANA:我可以在一张图表(直方图-饼图)上编辑 onclick 事件吗?

html - 应用 tbody td :nth-of-type(3){ border-bottom-color: transparent; } and tr. noborder td { border-bottom: transparent; 时的区别} 在 CSS 中

javascript - React-Redux : Infinite loop when concat to an array in state?

javascript - chrome 中的自定义协议(protocol)处理程序

css - Chrome 开发工具 : Identifying source of overridden style