Javascript 如何使用道具导出React组件？

我正在学习React.js，你能帮我吗？我怎样才能用道具导出React组件？大概是这样的：

类组扩展了React.Component{
静态类型={
子项：React.PropTypes.array.isRequired
};  
渲染（）{
返回
男孩们：
x、 性别==‘男性’）
} />
女孩：
x、 性别==‘女性’）
} />
}
}
React.render（，document.body）

---

它应该很简单，就像“导出默认组”

首先，不要在document.body中呈现组件

第二，而不是

React.render(<Group children={children} />, document.body)

---

您将需要创建一个html元素ex:`并且在React.render中应该如下所示：

React.render(<Group />, document.getElementById("app"));

class Child extends React.Component { 
      ...
}
export default Child;

或

然后，您将希望将其他组件导入到要将其添加到的组件中

例如：

import Child from './Child.jsx'
class Group extends React.Component { 
   ...
   render() {
     return (
       <Child />
     )
   }
}
export default Group;

---

要导出组件，需要导出默认组@erichardson30 Ok！我在这里怎么用？如果所有组件都在一个文件中，则不需要使用it@erichardson30但我没有一个文件，这不是一个真正的项目。举个例子，我该怎么做？在前面的注释中，链接到该示例。但这里添加了将导入GroupSee@erichardson30答案的主要组件。你应该明白这一点。创建“Card.jsx”，并在末尾使用Card类和export语句。创建'GroupList.jsx'并从'./Card.jsx'导入卡片，然后导出默认的GroupList。创建“Group.jsx”从“/GroupList.jsx”导入GroupList并导出默认组。Main.jsx将是您的入口点&应该从“./Group.jsx”导入组，并包含Main类和React.render代码，并将const children[]作为道具传递给组组件。例如：。如果将

React.render（，document.body）

更改为

React.render（，document.body）

，则效果良好。解决此问题的最佳方法是什么？您的

Main

中的返回错误。没有html元素。它应该看起来像

render（）{return（）}

这只是一个示例。我可以重命名和给任何名称的主要组成部分，请看这个。这很有效。我知道这只是一个例子。但是渲染方法在语法上是不正确的。哈哈。这很简单。谢谢

class Group extends React.Component { 
  ...
}
export default Group;

import Child from './Child.jsx'
class Group extends React.Component { 
   ...
   render() {
     return (
       <Child />
     )
   }
}
export default Group;

class Child extends React.Component { 
      ...
}
export default Child;