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

React (также известный как React.js или ReactJS) - это библиотека JavaScript, разработанная Facebook для создания пользовательских интерфейсов. Он использует декларативную, основанную на компонентах парадигму и стремится быть одновременно эффективным и гибким.

3
ReactJS: моделирование двунаправленной бесконечной прокрутки
Наше приложение использует бесконечную прокрутку для навигации по большим спискам разнородных элементов. Есть несколько морщин: У наших пользователей обычно есть список из 10 000 элементов, и им нужно прокрутить 3k +. Это богатые элементы, поэтому у нас может быть всего несколько сотен в DOM, прежде чем производительность браузера станет неприемлемой. …
6
Стратегии серверного рендеринга асинхронно инициализированных компонентов React.js
Предполагается, что одним из самых больших преимуществ React.js является рендеринг на стороне сервера . Проблема в том, что ключевая функция React.renderComponentToString()является синхронной, что делает невозможным загрузку каких-либо асинхронных данных, поскольку иерархия компонентов отображается на сервере. Допустим, у меня есть универсальный компонент для комментирования, который я могу разместить где угодно на …
5
Как размонтировать, отрендерить или удалить компонент из самого себя в уведомлении React / Redux / Typescript
Я знаю, что этот вопрос уже задавали пару раз, но в большинстве случаев решение состоит в том, чтобы справиться с этим в родительском элементе, поскольку поток ответственности только нисходящий. Однако иногда вам нужно убить компонент одним из его методов. Я знаю, что не могу изменить его свойства, и если я …
114 reactjs  unmount 
10
Как избежать лишнего обертывания <div> в React?
Сегодня я начал изучать ReactJS и через час столкнулся с проблемой ... Я хочу вставить компонент, который имеет две строки внутри div на странице. Упрощенный пример того, что я делаю ниже. У меня есть html: &lt;html&gt; .. &lt;div id="component-placeholder"&gt;&lt;/div&gt; .. &lt;/html&gt; Функция рендеринга выглядит так: ... render: function() { return( …
7
Невозможно добавить «оболочку» задачи, поскольку задача с таким именем уже существует
При установке response-native init AwesomeProject я получаю эту ошибку при запуске react-native run-android: Could not determine java version from '11.0.1'. Быстрый гугл предлагает мне обновить distributionUrlфайл в Gradle-wrapper. Сделав это, я столкнулся с новой ошибкой: Cannot add task 'wrapper' as a task with that name already exists. Это предполагает, что …
5
Как использовать React.forwardRef в компоненте на основе классов?
Я пытаюсь использовать React.forwardRef, но не понимаю, как заставить его работать в компоненте на основе классов (а не в HOC). В примерах документации используются элементы и функциональные компоненты, даже классы-оболочки в функциях для компонентов более высокого порядка. Итак, начнем с чего-то вроде этого в их ref.jsфайле: const TextInput = React.forwardRef( …
4
Для чего нужен withRouter в react-router-dom?
Я иногда видел, как люди оборачивают свои компоненты, withRouterкогда экспортируют их: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Для чего это нужно и когда мне следует его использовать?
9
Получение параметров запроса из хеш-фрагмента реактивного маршрутизатора
Я использую реагирующий и реагирующий маршрутизатор для своего приложения на стороне клиента. Я не могу понять, как получить следующие параметры запроса из URL-адреса, например: http://xmen.database/search#/?status=APPROVED&amp;page=1&amp;limit=20 Мои маршруты выглядят так (я знаю, что путь совершенно неправильный): var routes = ( &lt;Route&gt; &lt;DefaultRoute handler={SearchDisplay}/&gt; &lt;Route name="search" path="?status=:status&amp;page=:page&amp;limit=:limit" handler={SearchDisplay}/&gt; &lt;Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/&gt; …
11
Как лучше всего запустить событие onchange в React JS
Мы используем пакет Backbone + ReactJS для создания клиентского приложения. Сильно полагаясь на пресловутые valueLinkмы распространяем значения напрямую в модель через собственную оболочку, поддерживающую интерфейс ReactJS для двусторонней привязки. Теперь мы столкнулись с проблемой: У нас есть jquery.mask.jsплагин, который программно форматирует входное значение, поэтому он не запускает события React. Все …
112 reactjs 
7
Какова цель двойных фигурных скобок в синтаксисе React JSX?
В руководстве по react.js мы видим использование двойных фигурных скобок: &lt;span dangerouslySetInnerHTML={{ __html: rawMarkup }} /&gt; А затем во втором уроке «Думая, реагируя» : &lt;span style={{ color: 'red' }}&gt; {this.props.product.name} &lt;/span&gt;; Однако документация React JSX не описывает и не упоминает двойные фигурные скобки. Для чего нужен этот синтаксис (двойные завитки)? …
7
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 () не является функцией Ни один из этих способов не …
112 javascript  ajax  json  reactjs 
6
Не могу ввести текст в поле ввода React
Я пробую свою первую часть React.js, и на раннем этапе меня озадачивает ... У меня есть приведенный ниже код, который отображает форму поиска &lt;div id="search"&gt;&lt;/div&gt;. Но ввод в поле поиска ничего не дает. Предположительно, что-то не хватает передачи реквизита и состояния вверх и вниз, и это похоже на обычную проблему. …
9
ReactJS: «Неперехваченная ошибка SyntaxError: неожиданный токен <»
Я пытаюсь приступить к созданию сайта на ReactJS. Однако, когда я попытался поместить свой JS в отдельный файл, я начал получать эту ошибку: «Uncaught SyntaxError: Unexpected token &lt;». Я пробовал добавить /** @jsx React.DOM */в начало JS-файла, но ничего не исправил. Ниже представлены файлы HTML и JS. Есть идеи относительно …
2
Дочерний компонент React не обновляется после изменения родительского состояния
Я пытаюсь создать хороший компонент ApiWrapper для заполнения данных в различных дочерних компонентах. Из всего, что я прочитал, это должно сработать: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) { fetch(endpoint).then(function(response) { …
111 reactjs 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.