包裝組件，用於通過npm安裝的組件

Question

我有一個名為checkbox.js的文件，其中包含以下內容

import 'icheck/skins/all.css'
import react_icheck from 'react-icheck'

export default react_icheck

為什么這樣做是因為我想減少要導入到模塊中的一行“ icheck / skins / all.css”。 例如，我有3個模塊：1.產品，產品詳細信息和設置，所有都使用icheck，我想避免在3個不同的地方導入“ icheck / skins / all.css”。 這就是為什么我有一個名為checkbox.js的包裝器組件的原因。 但是我有這個錯誤

./resources/assets/app/module/product.js
95:24-32 "export 'Checkbox' was not found in './common/Checkbox'

當我做

import { Checkbox, Radio } from './common/checkbox';

在我的模塊中。

如果可能的話，如果我找到了另一個有用的組件（例如dropdown），我也想放到dropdown.js中，以便它作為我自己的全局組件。 但是首先我該如何解決以上問題？

Answer 1

那是因為您使用導出默認值，但是必須使用export這樣的東西：

import 'icheck/skins/all.css'
import {* as react_icheck} from 'react-icheck'

export {...react_icheck}

Answer 2

在0.12之后進行反應，我們將開始着手研究ES6類。 如果使用ES6編譯器，則可以這樣聲明組件：

class MyComponent {
  render() {
    return(

    );
  }
};
export {MyComponent};

或像這樣：

export class MyComponent {
  render() {
    ...
  }
};