Reactjs의 개체 접두사가있는 사용자 지정 구성 요소 라이브러리 만들기

Question

각 구성 요소에 접두사를 추가하는 대신 모든 React 구성 요소가 들어있는 별도의 개체/클래스를 만들고 싶습니다. 예를 들어, 사용자 정의 스타일 및 기능이있는 단추를 사용할 수 있습니다.

예를 들어 BootStrap에는 클래스가 있지만 ProjectButton을 만드는 대신 객체 앞에 접두사가있는 다른 Button 구성 요소를 만들고 싶습니다.

저는 자바 스크립트가 좋지 않아서 어떻게해야하는지에 대한 지침이 필요합니다.

Answer 1

개체는 클래스이고 개체가 아닙니다.

// 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> 
) 
} 
..