Reactjs React render忽略外部变量，但可以很好地处理内部变量

可能有些事情又错了，但这是有效的：

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

类NavMaster扩展了React.Component{
render（）{
var mytag=（）；
返回(
)
}
};

这表明：

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

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

var mytag=（）；
类NavMaster扩展了React.Component{
render（）{
返回(
)
}
};

---

我想在不同的类中使用

mytag

。

我找到了答案。项必须在外部变量之前定义，但对于类，可以在它们之后定义

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

类项扩展React.Component{}
var mytag=（）；
类NavMaster扩展了React.Component{
render（）{
返回(
)
}
};
类项扩展了React.Component{}//这是错误的-上移