reactjs - 反应渲染忽略外部变量，但与内部变量一起工作正常

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