Question

子组件和父组件在单独的文件中创建。我试图从父组件访问子组件。但未定义的错误即将到来。另一方面，如果在单个文件中创建子组件和父组件。然后它正常工作。

var Avatar = React.createClass({
  render: function() {
    return (
      <div>
        <PagePic />

      </div>
    );
  }
});

CODE

Answer 1

您需要导入和导出PagePic组件

<强> Tutorial1.js

var PagePic = require('./tutorial2');
var Avatar = React.createClass({
  render: function() {
    return (
      <div>
        <PagePic />

      </div>
    );
  }
});


ReactDOM.render(
  <Avatar />,
  document.getElementById('content')
);

<强> Tutorial2.js

var PagePic = React.createClass({
  render: function() {
    return (
      <h2> Inside Page Epic</h2>
    );
  }
});

module.exports = PagePic;

<强> PLUNKER

从reactjs中的父组件访问子组件

1 个答案: