React / Redux有条件地应用样式

h_h

在我的React & Redux应用程序,我想show/hide一个div基于state由返回Redux这是我的代码:

<div 
    className="notify-success" 
    style={{  ({this.props.terms}) ? "" : "display: 'none'" }} 
>
    Saved successfully!
</div>

但是它对我不起作用,而是抛出一个错误!

玛雅·舒克拉(Mayank Shukla)

将条件置于值上,使用此方法:

style={{'display': this.props.terms ? "" : 'none' }}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React Js有条件地应用类属性

如何有条件地将样式应用于段落中的一个 React 属性?

有条件地设置 React 中所有 html 标签的样式

在 React 组件中,如何在迭代列表时有条件地显示样式

使用三元运算符在React中有条件地应用内联样式的这些方式之间的性能是否有区别?

有条件地连接组件时,“对象作为React子无效” Redux错误?

Redux-Persist-如何在React Native中有条件地持久存储

如何使用React Redux状态有条件地显示和禁用按钮

根据组件的使用位置,有条件地将className应用于react组件

如何在React中有条件地将布局应用于组件

参考累积状态数组使用正则表达式有条件地触发 redux react 应用程序中的动作

有条件的内联样式与react native

基于路由有条件地渲染 CSS (React)

有条件地渲染 React JS 中的元素?

有条件地在React中进行所需的输入

在React中有条件地添加HTML属性

React-native - 有条件地设置高度

在 React 组件中有条件地渲染 <td>

如何有条件地包装React组件?

有条件地调用React Hook的“ useEffect”

在React中有条件地显示按钮

如何有条件地使用React Native元素

有条件地禁用React Checkbox

在 React 中有条件地执行 useContext

有条件地更新React Json值

使用React有条件地停止游戏循环

React - 如何有条件地显示获取的数据

有条件地在react jsx中渲染className

在React中有条件地设置活动类