三元運算符錯誤...必須返回有效的 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);