javascript - React 中的条件样式

标签 javascript reactjs

在 React 中我可以做这样的事情吗:

style={ $post.type === "team_member"?背景颜色:“绿色”

我如何根据 React 中的条件设置样式?

提前致谢!

最佳答案

你可以,而且接近你已有的;

style={{backgroundColor: $post.type === "team_member" ? 'green': 'not_a_team_member'}}

style 属性需要一个对象,因此是双 {},您只是有条件地分配 backgroundColor 的值,因此conditional 是对象中键 backgroundColor 的值。

希望这对您有所帮助!

关于javascript - React 中的条件样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53435184/

相关文章:

javascript - 如何在页面上打印对象?

javascript - THREE.js 无法加载 json 模型

javascript - tvOS 应用程序不加载 JavaScript 代码

javascript - React 检测到 Hooks 的调用顺序发生了变化,但我看不到任何有条件调用的 hooks

reactjs - React Router v4 动画过渡示例

node.js - NodeJS : What's the best way to share session between server-rendered views and React app

javascript - TypeError : Cannot read property 'scrollIntoView' of null - react. Jest 酵素

javascript - 有什么方法可以找出什么 javascript 正在影响什么元素?

reactjs - React Transition Group V2 跳过进入/退出状态

reactjs - 在设置状态时将 React tinymce 与 react-hook-form 无限循环一起使用