Запитання з тегом «reactjs»

React (також відомий як React.js або ReactJS) - це бібліотека JavaScript, розроблена Facebook для побудови користувальницьких інтерфейсів. Він використовує декларативну, засновану на компонентах парадигму і прагне бути ефективним та гнучким.

6
Як активувати зворотний виклик після оновлення стану в Redux?
У React стан не оновлюється миттєво, тому ми можемо використовувати зворотний виклик у setState(state, callback). Але як це зробити в Redux? Після виклику this.props.dispatch(updateState(key, value)), мені потрібно негайно зробити щось із оновленим станом. Чи можу я якось викликати зворотний виклик із останнім станом, як те, що я роблю в React?
5
У React, яка різниця між onChange та onInput?
Я спробував знайти відповідь на це, але більшість з них виходять за рамки React, де onChangeспрацьовує розмиття. Виконуючи різні тести, я не можу сказати, чим відрізняються ці дві події (якщо застосовувати їх до текстового поля). Хтось може пролити це світло?
15
Як налаштувати Google Analytics для React-Router?
Я намагаюся налаштувати Google Analytics на своєму сайті реагування і натрапив на кілька пакетів, але жоден з них не має такої настройки, яку я маю на прикладі. Сподівався, що хтось може пролити на це трохи світла. Пакет, на який я розглядаю, - це реакція-га . Мій метод візуалізації на моєму …
6
Прослухайте натискання клавіші для документа в responsejs
Я хочу прив’язати, щоб закрити активну реакцію завантажувального завантаження на escapeпресі. Ось код _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange); document.addEventListener("click", this._handleDocumentClick, false); document.addEventListener("keyPress", this._handleEscKey, false); }, componentWillUnmount: function() { BannerDataStore.removeChangeListener(this._onchange); document.removeEventListener("click", this._handleDocumentClick, false); document.removeEventListener("keyPress", this._handleEscKey, false); }, Але нічого не реєструється в консолі, коли я натискаю …
1
Де зв’язок між index.html та index.js у програмі Create-React-App?
Я починаю грати з програмою Create React, але не можу зрозуміти, як index.jsзавантажується всередині index.html. Це html-код: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> <!-- Notice the use of %PUBLIC_URL% in the tag above. It will be replaced with the URL of …
6
Як повторити елемент n разів за допомогою JSX
Я використовую React / JSX у своєму додатку, щоб виконати те, що я хочу, також, Lodash. Мені потрібно повторити елемент певну кількість разів залежно від стану. Як мені це зробити? Ось елемент: <span className="busterCards">♦</span>; І я присвоюю це так: let card; if (data.hand === '8 or more cards') { card …
4
Прочитайте початковий стан магазину в Redux Reducer
Початковий стан у програмі Redux можна встановити двома способами: передати його як другий аргумент createStore( посилання на документи ) передайте його як перший аргумент вашим (під-) редукторам ( посилання на документи ) Якщо ви передаєте початковий стан своєму магазину, як ви зчитуєте цей стан із магазину і робите це першим …
1
Активне посилання з React-Router?
Я випробовую React-Router (v4), і у мене виникають проблеми, починаючи з Nav, щоб один з них Linkбув active. Якщо я натисну на будь-який з Linkтегів, тоді активні матеріали почнуть працювати. Однак я хотів би, щоб Home Linkбув активним відразу після запуску програми, оскільки це компонент, який завантажується на /маршруті. Чи …
9
Як перемикати логічний стан компонента реакції?
Я хотів би знати, як перемикати логічний стан компонента реакції. Наприклад: У мене є булева перевірка стану в конструкторі мого компонента: constructor(props, context) { super(props, context); this.state = { check: false }; }; Я намагаюся перемикати стан кожного разу, коли натискається мій прапорець, використовуючи метод this.setState: <label><input type=checkbox" value="check" onChange …
3
router для реакцій v ^ 4.0.0 Uncaught TypeError: Не вдається прочитати властивість 'location' з undefined
У мене були проблеми з маршрутизатором реакцій (я використовую версію ^ 4.0.0). це мій index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js …
3
Яка різниця між useCallback та useMemo на практиці?
Можливо, я щось неправильно зрозумів, але useCallback Hook запускається кожного разу, коли відбувається повторне відображення. Я передав вхідні дані - як другий аргумент useCallback - постійно мінливі константи, - але повернутий запам'ятаний зворотний виклик все одно запускає мої дорогі обчислення при кожному рендері (я впевнений - ви можете перевірити це …
85 reactjs 
11
React-Router відкрийте посилання в новій вкладці
Чи є спосіб змусити React Router відкрити посилання в новій вкладці? Я спробував це, і це не спрацювало. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Це можна розпушити, додавши щось подібне onClick="foo"до Посилання, як те, що я маю вище, але там буде помилка консолі. Дякую.
9
Елемент неявно має тип "будь-який", оскільки вираз типу "рядок" не може використовуватися для індексації
Випробовуючи TypeScript для проекту React, я застряг у цій помилці: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type 'string' was found on type …
18
Відключити кнопку "Назад" у навігації на реакцію
Я використовую рідну навігаційну реакцію (response-navigation) StackNavigator. він починається зі сторінки входу протягом усього життєвого циклу програми. Я не хочу мати опцію повернення, повертаючись на екран входу. Хтось знає, як його можна приховати на екрані після екрана входу? До речі, я також приховую це на екрані входу, використовуючи: const MainStack …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.