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

React渲染忽略外部变量但与内部变量一起工作正常

1 个答案: