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

Багато мов шаблонів мають висловлювання "слоти" або "урожайність", які дозволяють зробити якусь інверсію управління, щоб обернути один шаблон всередині іншого. У кутовому є варіант "transclude" . Рейки мають звіт про врожайність . Якби React.js мав заяву про прибутковість, це виглядало б так: var Wrapper = React.createClass({ render: function() { return …

187 javascript  template-engine  composition  reactjs  transclusion 

Припустимо, у мене є клас React P, який відображає два дочірні класи, C1 і C2. C1 містить поле введення. Я буду називати це поле введення як Foo. Моя мета - дозволити С2 реагувати на зміни в Foo. Я придумав два рішення, але жодне з них не вважає себе цілком правильним. …

186 reactjs 

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 2 роки тому . Удосконаліть це питання Випущено React 16.3.0, і API контексту вже не є експериментальною функцією. …

186 javascript  reactjs  redux  react-redux  react-context 

У мене виникають проблеми з формою React та належним управлінням державою. У мене є поле введення часу у формі (в модальному режимі). Початкове значення встановлюється у вигляді змінної стану в getInitialStateі передається з батьківського компонента. Це само по собі прекрасно працює. Проблема виникає, коли я хочу оновити значення початкового часу …

184 reactjs 

Чому я не можу отримати доступ до компонентних методів "зовні" в ReactJS? Чому це неможливо і чи є спосіб вирішити це? Розглянемо код: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); …

183 javascript  reactjs  dom 

Я закликаю веб-сервіс за допомогою вибору, але те саме, що я можу зробити за допомогою axios. Тож тепер я розгублений. Чи варто їхати або по аксіосам, або за добу?

182 ajax  reactjs  xmlhttprequest  es6-promise  es6-modules 

Я новачок у використанні класів ES6 з React, раніше я прив'язував свої методи до поточного об'єкта (покажіть у першому прикладі), але чи дозволяє ES6 мені постійно прив’язувати функцію класу до екземпляра класу зі стрілками? (Корисно при передачі як функція зворотного дзвінка.) Я отримую помилки, коли намагаюся використовувати їх як можна …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

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

181 javascript  reactjs  ecmascript-6 

Я новачок у цілому світі nodejs / reactjs, тож вибачтесь, якщо моє запитання звучить нерозумно. Тому я граю з reactabular.js . Щоразу, коли я це роблю, npm startце завжди працює localhost:8080. Як я можу змінити його на виконання, 0.0.0.0:8080щоб зробити його загальнодоступним? Я намагався прочитати вихідний код у вищевказаному репо, …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

Я хотів би, щоб відобразити titleв <AppBar />тому , що яким - то чином передається з поточного маршруту. Як реалізувати маршрутизатор React v4, як би <AppBar />вдалося передати поточний маршрут в його titleпроп? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' …

180 reactjs  react-router  react-router-v4 

З React 16.8.6 (це було добре в попередній версії 16.8.3), я отримую цю помилку, коли намагаюся запобігти нескінченний цикл на запит на отримання ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Мені не вдалося знайти рішення, яке зупинить …

179 reactjs  eslint  create-react-app  react-hooks 

Мені дуже подобається вбудований CSS-шаблон в React і вирішив його використовувати. Однак ви не можете використовувати :hoverселектори та подібні. Отже, який найкращий спосіб реалізувати підсвічування під час використання вбудованих стилів CSS? Одне з пропозицій від #reactjs - мати Clickableкомпонент і використовувати його так: <Clickable> <Link /> </Clickable> Стан Clickableмає hoveredстан …

178 reactjs 

Я намагаюся переключити стан компонента в ReactJS, але я отримую помилку, вказуючи: Максимальна глибина оновлення перевищена. Це може статися, коли компонент багаторазово викликає setState всередині компонентаWillUpdate або компонентDidUpdate. Реакція обмежує кількість вкладених оновлень, щоб запобігти нескінченним циклам. Я не бачу нескінченного циклу в своєму коді, хтось може допомогти? Код компонента …

178 javascript  reactjs  react-native 

Я використовую create-react-app і вважаю за краще це не робити eject. Незрозуміло, куди повинні надходити шрифти, імпортовані через @ font-face та локально завантажені. А саме я завантажую @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Будь-які пропозиції? - EDIT Включаючи суть, …

177 css  reactjs  fonts  webpack  create-react-app 

Я працював з проектом React, використовуючи, create-react-appі у мене є два варіанти для запуску проекту: Перший спосіб: npm run startз визначенням на package.jsonзразок цього: "start": "react-scripts start", Другий спосіб: npm start Яка різниця між цими двома командами? І яка мета цього react-scripts start? Я спробував знайти визначення, але я просто …

177 reactjs  npm