javascript - ES6 在组件内包裹组件

Question

const Dropdown = createReactClass({

  render() {
    return 'something'
  }
});

module.exports = enhanceWithClickOutside(Dropdown);

如何在 ES6 React 中使用上面的代码？

class Dropdown extends React.Component {
    render() {
      return 'something'
    }
}

//where to put the enhanceWithClickOutside?

我正在尝试使用这个包https://www.npmjs.com/package/react-click-outside

这是我的尝试https://codesandbox.io/s/kx48qx7n63

Answer 1

您需要导出下拉列表类。像这样的东西:exportdefaultenhanceWithClickOutside(Dropdown);

已编辑的沙箱:https://codesandbox.io/s/lp6jo7yjm

此外，请参阅此处的另一个示例:https://github.com/davidhu2000/react-spinners/blob/master/examples/components/color_picker.jsx