Вопросы с тегом «reactjs»

115
Файл `React / RCTBridgeModule.h` не найден

Получение этой ошибки при создании приложения iOS для реагирования на xcode. Начала получать эту ошибку после установки npm и связывания rpm библиотеки react-native-fs . Но после поиска решения в Интернете я заметил, что многие люди получают ту же ошибку при установке других собственных библиотек...

115
Тег использования SVG и ReactJS

Обычно, чтобы включить большинство моих значков SVG, требующих простого стиля, я делаю: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Сейчас я играю с ReactJS в последнее время его оценки в качестве возможного компонента в моем новом стеке развития фронтального однако...

115
Предупреждение: неизвестный класс свойств DOM. Вы имели в виду className?

Я только начал изучать React, добавив компонент с простой функцией рендеринга: render() { return <div class="myApp"></div> } Когда я запускаю приложение, я получаю следующую ошибку: Warning: Unknown DOM property class. Did you mean className? Я могу решить эту проблему, изменив classна...

115
Обновлять компонент React каждую секунду

Я играл с React и получил следующий компонент времени, который просто отображается Date.now()на экране: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> {...

115
Как вы устанавливаете заголовок документа в React?

Я хотел бы установить заголовок документа (в строке заголовка браузера) для моего приложения React. Я пробовал использовать response-document-title (кажется, устаревший) и настройку document.titleв constructorи componentDidMount()- ни одно из этих решений не работает....

114
ReactJS: моделирование двунаправленной бесконечной прокрутки

Наше приложение использует бесконечную прокрутку для навигации по большим спискам разнородных элементов. Есть несколько морщин: У наших пользователей обычно есть список из 10 000 элементов, и им нужно прокрутить 3k +. Это богатые элементы, поэтому у нас может быть всего несколько сотен в DOM,...

114
Стратегии серверного рендеринга асинхронно инициализированных компонентов React.js

Предполагается, что одним из самых больших преимуществ React.js является рендеринг на стороне сервера . Проблема в том, что ключевая функция React.renderComponentToString()является синхронной, что делает невозможным загрузку каких-либо асинхронных данных, поскольку иерархия компонентов отображается...

114
Как избежать лишнего обертывания <div> в React?

Сегодня я начал изучать ReactJS и через час столкнулся с проблемой ... Я хочу вставить компонент, который имеет две строки внутри div на странице. Упрощенный пример того, что я делаю ниже. У меня есть html: <html> .. <div id="component-placeholder"></div> .. </html> Функция...

114
Как размонтировать, отрендерить или удалить компонент из самого себя в уведомлении React / Redux / Typescript

Я знаю, что этот вопрос уже задавали пару раз, но в большинстве случаев решение состоит в том, чтобы справиться с этим в родительском элементе, поскольку поток ответственности только нисходящий. Однако иногда вам нужно убить компонент одним из его методов. Я знаю, что не могу изменить его свойства,...

113
Невозможно добавить «оболочку» задачи, поскольку задача с таким именем уже существует

При установке response-native init AwesomeProject я получаю эту ошибку при запуске react-native run-android: Could not determine java version from '11.0.1'. Быстрый гугл предлагает мне обновить distributionUrlфайл в Gradle-wrapper. Сделав это, я столкнулся с новой ошибкой: Cannot add task 'wrapper'...

113
Как использовать React.forwardRef в компоненте на основе классов?

Я пытаюсь использовать React.forwardRef, но не понимаю, как заставить его работать в компоненте на основе классов (а не в HOC). В примерах документации используются элементы и функциональные компоненты, даже классы-оболочки в функциях для компонентов более высокого порядка. Итак, начнем с чего-то...

113
Для чего нужен withRouter в react-router-dom?

Я иногда видел, как люди оборачивают свои компоненты, withRouterкогда экспортируют их: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Для чего это нужно и когда мне следует его использовать?...

112
Какова цель двойных фигурных скобок в синтаксисе React JSX?

В руководстве по react.js мы видим использование двойных фигурных скобок: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> А затем во втором уроке «Думая, реагируя» : <span style={{ color: 'red' }}> {this.props.product.name} </span>; Однако документация React JSX не...

112
Как лучше всего запустить событие onchange в React JS

Мы используем пакет Backbone + ReactJS для создания клиентского приложения. Сильно полагаясь на пресловутые valueLinkмы распространяем значения напрямую в модель через собственную оболочку, поддерживающую интерфейс ReactJS для двусторонней привязки. Теперь мы столкнулись с проблемой: У нас есть...

112
Получение параметров запроса из хеш-фрагмента реактивного маршрутизатора

Я использую реагирующий и реагирующий маршрутизатор для своего приложения на стороне клиента. Я не могу понять, как получить следующие параметры запроса из URL-адреса, например: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Мои маршруты выглядят так (я знаю, что путь...

112
React JS - Uncaught TypeError: this.props.data.map не является функцией

Я работаю с reactjs и не могу предотвратить эту ошибку при попытке отобразить данные JSON (из файла или с сервера): Uncaught TypeError: this.props.data.map is not a function Я смотрел: Код реакции выдает ошибку «TypeError: this.props.data.map не является функцией» React.js this.props.data.map ()...

111
Дочерний компонент React не обновляется после изменения родительского состояния

Я пытаюсь создать хороший компонент ApiWrapper для заполнения данных в различных дочерних компонентах. Из всего, что я прочитал, это должно сработать: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response:...