reactjs - React レンダリングは外部変数を無視しますが、内部変数では正常に動作します

Question

別の何かが間違っている可能性がありますが、これはうまくいきます:

class NavMaster extends React.Component {
  render() {
    var mytag = ( <Item></Item> );
    return (
      <mytag/>
    )
  }
};

これは何も表示しません:

var mytag = ( <Item></Item> );

class NavMaster extends React.Component {
  render() {
    return (
      <mytag/>
    )
  }
};

mytagいろいろなクラスで使いたいです。

Answer 1

私は答えを見つけました。アイテムは外部変数の前に定義する必要がありますが、クラスの場合は後で定義することができます。

class Item extends React.Component {}

var mytag = ( <Item></Item> );

class NavMaster extends React.Component {
  render() {
    return (
      <mytag/>
    )
  }
};

class Item extends React.Component {} // this is wrong - move up