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

Я використовую ReactJS, і коли користувач натискає посилання, я хочу скопіювати якийсь текст у буфер обміну. Я використовую Chrome 52, і мені не потрібно підтримувати жодні інші веб-переглядачі. Я не можу зрозуміти, чому цей код не призводить до копіювання даних у буфер обміну. (походження фрагмента коду - з посту Reddit). …

147 javascript  reactjs  clipboard 

Я намагаюся перетворити компонент jQuery в React.js, і однією з речей, з якими я зіткнувся, є надання n кількості елементів на основі циклу for. Я розумію, що це неможливо або не рекомендується, і там, де в моделі існує масив, це має повний сенс використовувати map. Це добре, але що робити, …

145 javascript  jquery  reactjs  react-jsx 

Який еквівалент кутової функції $ watch у React.js? Я хочу прослухати зміни стану і викликати таку функцію, як getSearchResults (). componentDidMount: function() { this.getSearchResults(); }

143 javascript  reactjs 

У моєму зреагувати і машинопис додатки, я використовую: onChange={(e) => data.motto = (e.target as any).value}. Як правильно визначити типізацію для класу, щоб мені не довелося зламати шлях із системою типів any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } Якщо я покладу, …

143 reactjs  typescript  types  typescript-typings 

Проблема Я пишу заяву в React і не змогли уникнути супер загальної пастки, який дзвонить setState(...)після componentWillUnmount(...). Я дуже уважно подивився свій код і спробував встановити деякі охоронні пункти, але проблема зберігалася, і я все ще дотримуюся попередження. Тому у мене є два запитання: Як з трасування стека зрозуміти , …

143 javascript  reactjs  typescript  lodash  setstate 

Схоже componentWillReceiveProps, в наступних випусках буде повністю припинено використання на користь нового методу життєвого циклу getDerivedStateFromProps: статичного getDerivedStateFromProps () . Після огляду, схоже , що ви зараз не в змозі зробити пряме порівняння між this.propsі nextProps, як ви можете в componentWillReceiveProps. Чи є спосіб обходити це? Крім того, він тепер …

142 javascript  reactjs  lifecycle 

Цікаво, який правильний спосіб підійти до цього: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; …

142 javascript  reactjs  jsx 

Повний код тут: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Привіт, У мене є додаток, де він показує різні шаблони для настільних і мобільних на основі середовища побудови. Я успішно в змозі розробити його там, де мені потрібно приховати меню навігації для свого шаблону для мобільних пристроїв. зараз я можу написати один тестовий випадок, коли він …

142 reactjs  mocha  redux 

Нещодавно я переглянув Facebook React рамки . Він використовує концепцію під назвою "Віртуальна DOM", яку я насправді не розумів. Що таке віртуальний DOM? Які переваги?

141 javascript  reactjs 

Я використовую webpack для управління проектом reactjs . Я хочу завантажити зображення в javascript через webpack file-loader. Нижче розміщено webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { …

141 javascript  reactjs  webpack 

Я роблю перший крок у ReactJS і намагаюся зрозуміти спілкування між батьком та дітьми. Я формую форму, тому в мене є компонент для стилей полів. А також у мене є батьківський компонент, який включає поле та перевірку його. Приклад: var LoginField = React.createClass({ render: function() { return ( <MyField icon="user_icon" …

140 javascript  reactjs 

Я знаю, що React може виконувати оновлення стану асинхронно та пакетно для оптимізації продуктивності. Тому ви ніколи не можете довіряти державі, що оновлюється після дзвінка setState. Але ви можете довіряти Реагувати постійно оновлювався в тому ж порядку , як setStateназивається для той же компонент? різні компоненти? Спробуйте натиснути кнопку в …

140 javascript  reactjs  state  setstate 

Чи використання componentDidMount()як функції асинхронізації належної практики в React Native чи я повинен уникати цього? Мені потрібно отримати деяку інформацію від того, AsyncStorageколи компонент монтується, але єдиний спосіб, який я знаю, зробити це можливим - це зробити componentDidMount()функцію асинхронізації. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); …

139 reactjs  asynchronous  react-native 

Я використовую Typescript з React. У мене виникають проблеми з розумінням використання рефлексив, щоб отримати статичну типізацію та інтелігенцію щодо реагуючих вузлів, на які посилаються посилання. Мій код такий. import * as React from 'react'; interface AppState { count: number; } interface AppProps { steps: number; } interface AppRefs { …

139 reactjs  typescript 

Новий для Django і ще новіший для ReactJS. Я розглядав AngularJS та ReactJS, але зважився на ReactJS. Здавалося, що це заважає AngularJS настільки популярно, незважаючи на те, що AngularJS має більшу частку ринку, і, як кажуть, ReactJS швидше підбирається. Увесь цей мотлох вбік я почав проходити курс на Удемі, і …

138 django  reactjs