Javascript 在Reactjs中创建具有对象前缀的自定义组件库

我想创建一个包含所有React组件的单独对象/类，而不是为每个组件添加前缀。例如，我可以有一个按钮，它具有我的自定义样式和功能

例如，BootStrap有一个类，但我想创建另一个以对象作为前缀的按钮组件，而不是创建ProjectButton

我不擅长使用javascript，所以我需要一些关于如何做到这一点的指导

class ProjectForm extends React.Component {
 <Project.Button />         //javacript complains
 <Button />                //works
}

class Project.Button extends React.Component {
// ...
}

class Button extends React.Component {
// ...
}

类ProjectForm扩展React.Component{
//Javascript抱怨
//工作
}
类Project.Button扩展React.Component{
// ...
}
类按钮扩展了React.Component{
// ...
}

对象就是这个。。对象，而不是类。对象可以具有表示内部类的键：

var Project = {
  Button: class Button extends React.Component {}
}

..
render() { return <Project.Button /> }
..

var项目={
按钮：类按钮扩展了React.Component{}
}
..
render（）{return}
..

您有时会在野外看到这一点，因为您将导入多个组件，然后在导入过程中为它们命名：

// components.js
export class Button1 extends React.Component { }
export class Button2 extends React.Component { }

// somewhere-else.js
import * as Project from './components'

..
render() { 
  return (
    <div>
      <Project.Button1 /> 
      <Project.Button2 /> 
    </div>
  )
}
..

//components.js
导出类Button1扩展了React.Component{}
导出类按钮2扩展了React.Component{}
//where-else.js
从“./components”导入*作为项目
..
render（）{
返回(
)
}
..

对象就是这个。。对象，而不是类。对象可以具有表示内部类的键：

var Project = {
  Button: class Button extends React.Component {}
}

..
render() { return <Project.Button /> }
..

var项目={
按钮：类按钮扩展了React.Component{}
}
..
render（）{return}
..

您有时会在野外看到这一点，因为您将导入多个组件，然后在导入过程中为它们命名：

// components.js
export class Button1 extends React.Component { }
export class Button2 extends React.Component { }

// somewhere-else.js
import * as Project from './components'

..
render() { 
  return (
    <div>
      <Project.Button1 /> 
      <Project.Button2 /> 
    </div>
  )
}
..

//components.js
导出类Button1扩展了React.Component{}
导出类按钮2扩展了React.Component{}
//where-else.js
从“./components”导入*作为项目
..
render（）{
返回(
)
}
..

谢谢。我应该问一下如何添加名称空间来响应组件。谢谢。我应该询问如何添加名称空间来响应组件。