三元运算符错误...必须返回有效的 React 元素？

Question

我有一个关于反应组件的简单练习，以使用if 条件，但我想尝试使用三元运算符。 问题是现在我收到一条错误消息，告诉我： “TonightsPlan.render(): a valid React element must be returned...”

import React from 'react';
import ReactDOM from 'react-dom';

const fiftyFifty = Math.random() < 0.5;

// New component class starts here:
class TonightsPlan extends React.Component
  {
    render()
      {
        fiftyFifty ?
        <h1>Tonight I'm going out WOO</h1>:
        <h1>Tonight I'm going to bed WOOO</h1>;
      }
  };

ReactDOM.render(<TonightsPlan/>, document.body);

所以我想我在这里使用三元运算符的方式有问题，但我不知道它是什么......我真的可以使用一些帮助来解决这个问题，拜托！

Answer 1

一切都很好，只是缺少渲染中的返回。 Ĵ

import React from 'react';
import ReactDOM from 'react-dom';

const fiftyFifty = Math.random() < 0.5;

// New component class starts here:
class TonightsPlan extends React.Component
  {
    render()
      {
        return (
          (fiftyFifty) 
            ? <h1>Tonight I'm going out WOO</h1>
            : <h1>Tonight I'm going to bed WOOO</h1>;
         )
      }
  };

ReactDOM.render(<TonightsPlan/>, document.body);