react 三元表达式

React 中的三元表达式与 JavaScript 中的三元表达式类似，用于根据条件渲染不同的内容。

它的语法如下：

condition ? content1 : content2

其中，`condition` 是一个条件表达式，如果这个表达式的值为真，则渲染 `content1`；否则渲染 `content2`。

举个例子，如果我们需要判断一个变量是否为偶数，然后渲染不同的内容，可以这样写：

function MyComponent(props) {
  const num = props.num;

  return (
    <div>
      {num % 2 === 0 ? <p>{num} 是偶数</p> : <p>{num} 是奇数</p>}
    </div>
  );
}

在这个例子中，当 `num` 为偶数时渲染 `<p>{num} 是偶数</p>`，否则渲染 `<p>{num} 是奇数</p>`。