ES6 обернуть компонент внутри компонента

Question

const Dropdown = createReactClass({

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

module.exports = enhanceWithClickOutside(Dropdown);

Как мне использовать приведенный выше код в ES6 реагировать?

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

import React from 'react';

const Dropdown = () => ('something');

export default Dropdown;

ИЛИ, если вы хотите выполнить некоторые вычисления перед возвратом

import React from 'react';

const Dropdown = props => {
    // do your computations
    return 'something';
};

export default Dropdown;

Answer 2

Вам нужно будет экспортировать выпадающий класс. Примерно так: export default enhanceWithClickOutside(Dropdown);

Отредактированная песочница: https://codesandbox.io/s/lp6jo7yjm

Также см. Здесь другой пример: https://github.com/davidhu2000/react-spinners/blob/master/examples/components/color_picker.jsx