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

Я хочу, щоб моя програма ReactJS сповіщала користувача під час переходу від певної сторінки. Зокрема спливаюче повідомлення, яке нагадує йому зробити дію: "Зміни збережені, але ще не опубліковані. Робити це зараз?" Чи потрібно це запустити на react-routerглобальному рівні, чи це щось можна зробити з сторінки / компонента реагування? Я не …

116 reactjs  react-router 

Беручи до уваги нижчий приклад гачків import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } В основному ми використовуємо метод this.forceUpdate (), щоб змусити компонент негайно …

116 javascript  reactjs  react-native  react-hooks 

У мене є такий компонент ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // } componentDidUpdate(prevProps, prevState) { var otherRadBtn …

115 reactjs  ecmascript-6 

Отримання цієї помилки під час створення реальної програми для iOS на xcode. Початок отримувати цю помилку після встановлення npm та rpm, що пов'язує бібліотеку react-native-fs . Але після пошуку в Інтернеті рішення, я помітив, що багато людей отримують ту саму помилку під час встановлення інших реагуючих рідних бібліотек. Можливе рішення …

115 ios  xcode  reactjs  native  react-native-ios 

Чи можливо отримати поточну позицію прокрутки або поточну сторінку <ScrollView>компонента в React Native? Тож щось на кшталт: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>

115 ios  reactjs  react-native 

Ось базовий компонент. Як <ul>і, вони <li>мають функції onClick. Я хочу лише onClick на <li>вогонь, а не the<ul> . Як я можу цього досягти? Я пограв з e.preventDefault (), e.stopPropagation (), безрезультатно. class List extends React.Component { constructor(props) { super(props); } handleClick() { // do something } render() { return …

115 reactjs  onclick  event-propagation 

Я бавився з новою системою гачків у React 16.7-alpha і застряг у нескінченному циклі useEffect, коли стан, яким я обробляю, є об'єктом або масивом. По-перше, я використовую useState і ініціюю його з таким порожнім об'єктом: const [obj, setObj] = useState({}); Потім, у useEffect, я використовую setObj, щоб знову встановити його …

115 reactjs  react-hooks 

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

114 svg  sprite  reactjs 

Наш додаток використовує нескінченну прокрутку для навігації по великих списках різнорідних предметів. Є кілька зморшок: Нашим користувачам властиво мати список з 10 000 предметів і потрібно прокручувати 3k +. Це багаті елементи, тому ми можемо мати лише кілька сотень у DOM, перш ніж продуктивність браузера стане неприйнятною. Елементи різної висоти. …

114 javascript  html  infinite-scroll  reactjs 

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

114 node.js  reactjs  flux  reactjs-flux 

Я граю з React і має наступний часовий компонент, який просто виводиться Date.now()на екран: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> { this.state.time } </div> ); } componentDidMount() { console.log("TimeComponent Mounted...") } } …

114 javascript  reactjs 

Я знаю, що це питання вже задавались декілька разів, але більшість випадків рішення - це вирішити це питання у батьків, оскільки потік відповідальності лише зменшується. Однак іноді потрібно вбити компонент одним із його методів. Я знаю, що я не можу змінити його реквізити, і якщо я почну додавати булеві як …

114 reactjs  unmount 

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

113 javascript  reactjs  react-jsx 

Я використовую один і той же компонент для трьох різних маршрутів: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Чи все-таки можна поєднувати це, як: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

113 javascript  reactjs  path  react-router  url-routing 

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

113 javascript  reactjs