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

Оскільки я використовую react-router для обробки моїх маршрутів у реагуючому додатку, мені цікаво, чи є спосіб перенаправити на зовнішній ресурс. Скажіть, хто потрапив: example.com/privacy-policy Я хотів би перенаправити на: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Я знаходжу абсолютно нульову допомогу, щоб уникнути написання її у звичайному JS на моєму завантаженні index.html чимось на зразок: if …

113 javascript  reactjs  redirect  react-router  react-router-redux 

Я використовую реактор та реактор-маршрутизатор для свого застосування на стороні клієнта. Я не можу зрозуміти, як отримати такі параметри запиту з URL-адреси, як: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Мої маршрути виглядають приблизно так (шлях я абсолютно невірний): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> ); …

112 javascript  reactjs  client-side  react-router  client-side-scripting 

Ми використовуємо пакет Backbone + ReactJS для створення програми на базі клієнта. Сильно покладаючись на горезвісні, valueLinkми поширюємо значення безпосередньо на модель за допомогою власної обгортки, яка підтримує ReactJS інтерфейс для двостороннього прив’язки. Тепер ми зіткнулися з проблемою: У нас є jquery.mask.jsплагін, який форматує вхідне значення програмно, таким чином він …

112 reactjs 

Під час встановлення 'react-native init AwesomeProject' я отримую цю помилку під час запуску react-native run-android: Could not determine java version from '11.0.1'. Швидкий google підказує, що мені потрібно оновити програму distributionUrlв обгортці Gradle. Зробивши це, я зіткнувся з новою помилкою: Cannot add task 'wrapper' as a task with that name …

112 android  reactjs  react-native  wrapper  expo 

Я намагаюся використовувати React.forwardRef, але переживаю, як змусити його працювати в компоненті на основі класу (не HOC). У прикладах документів використовуються елементи та функціональні компоненти, навіть загортання класів у функції для компонентів вищого порядку. Так, починаючи з чим - то на кшталт цього в їх ref.jsфайлі: const TextInput = React.forwardRef( …

112 javascript  reactjs 

У мене виникає проблема під час переходу на іншу сторінку, її позиція залишатиметься такою, як раніше. Тож він не прокручуватиметься автоматично доверху. Я також намагався використовувати window.scrollTo(0, 0)на маршрутизаторі onChange. Я також використовував scrollBehavior, щоб вирішити цю проблему, але вона не спрацювала. Будь-яка пропозиція щодо цього?

112 javascript  reactjs  react-router  react-router-redux 

Я це бачу. Не загадка, на що він скаржиться: Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. Я автор SomeComponentі SomeOtherComponent. Але остання використовує зовнішню залежність ( ReactTooltipвід react-tooltip). Можливо, не важливо, що це зовнішня …

112 reactjs 

Я новачок у програмуванні, що трохи ускладнює мене для розуміння, якщо я читаю офіційні документи. Я читав про React Router 4 звідси У цій статті автор говорив про <HashRouter>та<BrowserRouter> Це те, що він згадав HashRouter в основному використовує хеш у URL-адресі для візуалізації компонента. Оскільки я будував статичний веб-сайт на …

112 reactjs 

Я пробую свій перший шматочок React.js і рано наштовхнувся ... У мене є код нижче, в якому відображається форма пошуку <div id="search"></div>. Але введення в поле пошуку нічого не робить. Імовірно, щось не вистачає при передачі реквізиту та стану вгору та вниз, і це здається загальною проблемою. Але я застряг …

111 javascript  reactjs 

Чи варто коли-небудь використовувати this.setState()під час використання редуксу? Або ви завжди повинні диспетчерувати дії та покладатися на реквізит?

111 reactjs  flux  redux 

З підручника reakct.js ми бачимо таке використання подвійних фігурних брекетів: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> А потім у другому навчальному посібнику "Мислення реагую" : <span style={{ color: 'red' }}> {this.props.product.name} </span>; Однак документація React JSX не описує і не згадує подвійні фігурні дужки. Для чого цей синтаксис (подвійні фігурки)? …

111 javascript  reactjs 

Я намагаюся розпочати створення сайту в ReactJS. Однак, коли я намагався помістити свій JS в окремий файл, я почав отримувати цю помилку: "Uncaught SyntaxError: Несподіваний маркер <". Я спробував додати /** @jsx React.DOM */вгору файл JS, але він нічого не виправив. Нижче наведено файли HTML та JS. Будь-які ідеї щодо …

110 javascript  html  reactjs  react-jsx 

Я випробовую новий React Hooks і маю компонент Clock з лічильником, який повинен збільшуватися щосекунди. Однак значення не збільшується понад одиницю. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () => { window.clearInterval(timer); }; }, …

110 javascript  reactjs  react-hooks 

Чи можна виявити, чи є поточна версія React розробкою чи виробництвом під час виконання? Я хотів би зробити щось подібне: if (React.isDevelopment) { // Development thing } else { // Real thing }

110 javascript  reactjs 

Я трохи нечіткий щодо цих концепцій, якщо я будую той самий додаток ToDo повністю в AngularJS та ReactJS --- що змушує React ToDo використовувати одностороннє прив'язування даних до двостороннього прив'язування даних AngularJS? Я розумію, що подібні роботи реагують Візуалізація (дані) ---> інтерфейс користувача Чим це відрізняється від кутового?

109 javascript  angularjs  reactjs