Описание тега react-fragment
3
ответа
Когда использовать React.Fragments?
Я только что узнал о React Fragments. Я понимаю, что фрагменты немного более эффективны за счет создания меньшего количества узлов дерева и делают его чище при взгляде на инспектор, но тогда зачем нам когда-либо использовать его в качестве контейнер…
16 мар '18 в 23:13
1
ответ
Реагировать 16 Фрагменты Неправильное использование
В React версия 16, Fragments были реализованы. Я люблю их использовать! Мой вопрос, что если я использую Fragments без необходимости. Это имеет значение? Могу ли я прикрепить их как шаблон для моего кода на случай, если я захочу добавить соседние эл…
23 фев '18 в 07:43
0
ответов
Проверьте, является ли ребенок React.Fragment
Как я вижу React.isFragment это только предложение на данный момент: https://github.com/facebook/react/issues/12038 Есть ли обходной путь, чтобы сделать что-то вроде if (child instanceof React.Fragment) { ... } пока этот API не доступен. Временное р…
27 фев '18 в 15:50
0
ответов
Реакция компонентов внутри фрагмента не загружается
Я использую реагировать 16.2.0 и реактив 16.2.0. Ниже приведен код, который у меня есть. import React, { Fragment } from 'react'; import BodyComponent from './BodyComponent'; import * as HeaderComponents from './HeaderComponent'; class TablePage ext…
10 май '18 в 11:46
2
ответа
Ошибки потока в <React.Fragment> или <> </>, но не в <Fragment>
Я использую react v16.3.0 и flow-bin v0.69.0 Использование реагирующих фрагментов с любым <React.Fragment> или стенография <></> синтаксис вроде так import React from 'react' const ComponentA = () => ( <React.Fragment> <…
16 мар '18 в 12:15
2
ответа
Ранние возвращения в функцию рендера React: return null, [] или React.Fragment?
Допустим, у меня есть простой компонент, который может отображать или не отображать счетчик. Какова лучшая практика в React для выражения пути заблокированного кода? Должен ли он вернуться null, []или Fragment? class App extends Component { renderCo…
28 ноя '18 в 17:02
1
ответ
Каков синтаксис использования фрагментов React в Reason-React?
Есть этот старый чат, который предлагает написать свою собственную обертку фрагмента, но я понимаю, что фрагмент теперь должен быть изначально поддержан. Однако я не мог быстро найти правильный синтаксис для него. Пример того, что я ищу: <fragmen…
03 июн '19 в 16:29
1
ответ
В чем разница между возвратом React.Fragment или массива?
Есть ли разница между возвращением React.Fragment function Foo(){ return ( <> <div>hey</div> <div>hey</div> </> ) } Или вернуть массив компонентов function Bar(){ return ( [ <div>hey</div>, <div>…
15 янв '20 в 17:16
2
ответа
Как проверить, отрисовывает ли что-нибудь элемент React
Скажем, я создаю компонент-оболочку, который должен отображать себя только в том случае, если переданы некоторые дочерние узлы: const Wrapper = ({children}) => { if (!children) return null return <div>{children}</div> } Проблема в том…
30 сен '19 в 13:05
0
ответов
Отображение единого всплывающего окна с помощью Gatsby и Netlify CMS
Я использую виджет списка для создания модальных всплывающих окон Bootstrap в Gatsby и Netlify CMS. В настоящее время, когда вы щелкаете по любому из модальных окон, все они отображаются, причем последний в списке отображается первым. Как я могу нап…
03 июн '20 в 00:25
1
ответ
Попытка добавить цикл в функции React JS для получения выражений JSX должен иметь один родительский элемент
Я пробовал добавить <> </>как упоминалось в других ответах, но это не работает. Это простой функциональный компонент с оператором возврата: export default function Merchant4SubscriptionForm(props) { //some code return ( //some rendering…
29 июл '20 в 14:17
2
ответа
Можете ли вы использовать реквизит на React.Fragment?
Я знаю, что React Fragment можно использовать для группировки дочерних компонентов следующим образом: render() { return ( <React.Fragment> <Foo /> <Bar /> <Baz /> </React.Fragment> ); } Но можно ли добавить к нему рекви…
07 дек '19 в 14:44
0
ответов
React - зацикливание на фрагментах
Резюме: Можете ли вы "сгладить" фрагмент React, который передается как дочерний, перед выполнением функции React.Children.map в родительском компоненте? (Не уверен, что "плоский" - лучший термин, но, по сути, есть способ получить чистую абстракцию с…
18 мар '20 в 03:54
1
ответ
Может ли фрагмент иметь атрибут?
Мне нужно установить атрибут для фрагмента. Я хочу сделать что-то вроде этого: <className="name"> abcd </> Есть ли способ сделать это?
11 авг '20 в 13:23
2
ответа
Как отобразить другое сообщение на основе текущего URL / фрагмента URL
Здесь я возвращаю текущую реакцию на дом: return ( <React.Fragment> {inProduction ? null : <CP.Dev/>} <CP.Snackbar {...p as any} /> <Router history={browserHistory}> <Switch> <Route path="/login" component={Login} /&…
27 фев '20 в 06:11
3
ответа
Что означает ReactFragment от "react"?
Я просматривал .tsx код, который выглядел примерно так, как показано ниже. import React, { Fragment, ReactFragment } from "react"; // ... export interface PageProps { children: ReactFragment; commandBar: reactFragment; // ... } export defa…
10 авг '20 в 11:25
2
ответа
React.js Ошибки фрагмента JSX и отсутствующие теги HTML
В коде Visual Studios он постоянно сообщает мне, что мне не хватает <div> а также <form>закрывающий тег в самом конце, когда у меня есть закрывающие теги для обоих. Я прочесал свой код несколько раз и убежден, что ошибка не в закрывающих…
19 июл '20 в 19:15
1
ответ
При использовании синтаксической формы во фрагменте реакции цвет текста редактора будет изменен. Как решить эту проблему
Вот скриншот проблемы. Как решить эту проблему. есть что-нибудь для решения этой проблемы [1]: https://stackru.com/images/5a62ed96e20da61961b2b1d57fb8ac3c2717cc96.png reactFragment
20 апр '21 в 22:36
0
ответов
Почему мой браузер выдает синтаксическую ошибку для div?
Браузер выдает эту ошибку Что я делаю не так? Это появилось только когда я добавил код загрузчика function App(){ const [loading, setLoading] = useState(false); useEffect(() => { setLoading(true) setTimeout(() => { setLoading(false) }, 5000) }…
29 июн '21 в 18:37
0
ответов
Ошибка реакции: целевой контейнер не является элементом DOM: получен при загрузке модальной формы
Я работаю над приложением для корзины покупок, используя ReactJS и Context-API, и до сих пор я добился этого: загрузить мои продукты из Firebase Добавить товар в корзину Следующим шагом является отображение содержимого корзины при загрузке модальной…
14 апр '22 в 20:45