#reactjs #semantic-ui #create-react-app
#reactjs #semantic-ui #create-react-app
Вопрос:
Если да, пожалуйста, поделитесь структурой папок (где указан семантический путь) и примером импорта компонента.
Ответ №1:
Я знаю, что этот вопрос довольно «старый» (в смысле интерфейсного разработчика), но Semantic UI теперь имеет официальную интеграцию и привязки React:
Семантический пользовательский интерфейс реагирует
https://react.semantic-ui.com/
Среди его ключевых функций (с целевой страницы):
jQuery бесплатно
Вся функциональность jQuery была повторно реализована в React.
Декларативный API
Декларативные API обеспечивают надежные функции и проверку правильности.
Увеличение
Управляйте отображаемым тегом HTML или отображайте один компонент как другой компонент. Дополнительные реквизиты передаются компоненту, который вы передаете как.
Сокращенный реквизит
Сокращенные реквизиты генерируют разметку для вас, упрощая многие варианты использования. Все реквизиты объекта распределяются по дочерним компонентам.
Вспомогательные компоненты
Подкомпоненты предоставляют вам полный доступ к разметке. Это важно для гибкости настройки компонентов.
Автоматически контролируемое состояние
Наши компоненты с отслеживанием состояния самостоятельно управляют своим состоянием из коробки, без подключения. Выпадающие списки открываются по щелчку без подключения onClick к open prop. Значение также сохраняется внутри, без привязки onChange к значению.
Установка
$ npm install semantic-ui-react --save
$ npm install semantic-ui-css --save
или, если вы предпочитаете Yarn:
$ yarn add semantic-ui-react
$ yarn add semantic-ui-css
После установки включите эту строку в свой index.js файл:
import 'semantic-ui-css/semantic.min.css';
Комментарии:
1. Я удивлен, что эта информация изложена не так четко, как где-либо в документах semantic-ui-react
2. Полагаю, я мог бы добавить его в свои документы, хотя это несколько специфично для c-r-a. Но это не остановило другие проекты. Я попробую это сделать, когда появится свободное время.
3. Эти инструкции теперь находятся в официальных документах и совместимы с c-r-a: react.semantic-ui.com/usage
Ответ №2:
Я буду использовать пакет react https://react.semantic-ui.com / . То же самое, но без jquery и всех компонентов react
Комментарии:
1. Я могу его установить, но папка dist никогда не создается, а create-react-app не поддерживает less.
2. Хорошо, но вы пробовали библиотеку semantic-react? Будет проще все компоненты находятся на react, а не на jquery. hallister.github.io/semantic-react
3. я это сделал, а также stardust, который является официальной реализацией semantic — react. но этот вопрос касается основной библиотеки semantic-ui, а не ответвления или вилки.
4. вот почему я больше никогда не использую stack. по какой причине это вообще отклоняется? жалкий.
5. Я полагаю, что библиотека, которую вы предложили, не является официальным пользовательским интерфейсом Semantic react, который ищет спрашивающий