React技巧之有条件地添加属性

原文链接：https://bobbyhadz.com/blog/react-conditional-attribute[1]

作者：Borislav Hadzhiev[2]

正文从这开始~

总览

使用三元运算符来为React组件有条件地添加属性。比如说，<button disabled={count > 3 ? true : null}> 。如果问号左边的值是truthy（真值），操作符会返回冒号左边的值，否则会返回右边的值。

代码语言：javascript复制

import './App.css';
import {useState} from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  const role = 'link';

  let myClass = '';
  if (count >= 0) {
    myClass = 'bg-salmon';
  }

  return (
    <div>
      {/* 


	

https 网络安全 编程算法 react 


	




	
 0 人点赞