Question

我正在学习React.js现在可以帮助我，请问如何使用道具导出React组件？像这样：

Cents c = Cents(0);

它应该像“导出默认组”

一样简单

Answer 1

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

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

您不需要将任何道具传递到主要组件中。

要导出组件，有两种方法可以执行此操作。你可以做到

export default class Group extends React.Component {}

或

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;

Answer 2

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

其次，而不是

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

写入，

export default Group

如何使用props导出React组件？

2 个答案: