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

У мене з'явилася одна форма, яка використовується для створення, читання, оновлення та видалення. Я створив 3 компоненти з тією ж формою, але передаю їм різні реквізити. Я отримав CreateForm.js, ViewForm.js (читати лише за допомогою кнопки видалення) та UpdateForm.js. Раніше я працював з PHP, тому завжди робив це в одній формі. …

128 javascript  reactjs  crud  redux 

У мене є елементи форми з labels, і я хочу мати унікальні ідентифікатори для зв’язку labels до елементів з htmlForатрибутом. Щось на зразок цього: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Я використовував для створення ідентифікаторів на основі, this._rootNodeIDале …

128 reactjs 

Я тестую компонент React за допомогою дрібного візуалізації жасминового ферменту. Тут спрощено для цього питання ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentє 2 екземпляри, MyInnerComponentі я хотів би перевірити реквізит на кожному. Перший я знаю, як тестувати. …

128 reactjs  jasmine  enzyme 

Я занадто багато разів чую термін "встановити" під час вивчення ReactJS. І, здається, існують методи життєвого циклу та помилки щодо цього терміна. Що саме означає React під монтажем? Приклади: componentDidMount() and componentWillMount()

128 javascript  reactjs 

Чи можливо вставити розмітку SVG в компонент ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Результати помилки: Атрибути простору імен не підтримуються. ReactJSX не є XML. Який найлегший спосіб зробити це. Використовувати щось на кшталт React ART - це надмірний рівень для …

127 javascript  svg  reactjs 

Я хочу створити систему чату і автоматично прокручувати донизу при вході у вікно та при надходженні нових повідомлень. Як ви автоматично прокручуєте до дна контейнера в React?

127 reactjs 

Я новачок у ReactJS та інтерфейсі користувача, і я хотів дізнатися, як зробити простий RST-дзвінок на основі REST з коду ReactJS. Якщо є якийсь приклад, це було б дуже корисно.

126 reactjs  reactjs-flux  reactjs-native 

Я щойно виявив, що this.setState()функція реагування в будь-якому компоненті є асинхронною або викликається після завершення функції, в яку вона була викликана. Зараз я шукав і знайшов цей блог ( setState () Операція мутації стану може бути синхронною у ReactJS ) Тут він виявив, що setStateце async (викликається, коли стек порожній) …

126 javascript  multithreading  asynchronous  reactjs 

Я намагаюся використовувати event.stopPropagation () в компоненті ReactJS, щоб зупинити події клацання з пухирців і викликати подію натискання, яка була приєднана до JQuery у застарілому коді, але, схоже, stopPropagation React () лише зупиняє розповсюдження подій також додається в React, і зупинка розширення JQuery () не зупиняє поширення на події, приєднані …

126 javascript  jquery  reactjs 

Як просунути елемент всередину масиву useState React? Це як старий метод у стані реакції? Або щось нове? Наприклад, приклад pushState ?

125 javascript  reactjs  react-hooks 

Я Javascript / redux / реагую новачок, будуючи невелику програму з redux, react-redux, & react. Чомусь при використанні функції mapDispatchToProps в тандемі з підключенням (реакція-скорочення прив'язки) я отримую TypeError, що вказує, що відправка не є функцією, коли я намагаюся виконати отриману опору. Коли я викликаю диспетчер як опору (див. Функцію …

124 javascript  reactjs  redux  react-redux 

Як виявити натискання клавіш Esc на reactjs? Схожа річ на jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Після виявлення я хочу передати інформацію вниз компонентів. У мене є 3 компоненти, з яких останній активний компонент …

124 javascript  reactjs 

Я створив порожній проект React, використовуючи команду: npx create-react-appна npm v7.0.7 та Node v15.0.1 Встановлено: React v17.0.1, node-sass v5.0.0, Потім я спробував імпортувати порожній файл .scss до компонента програми: App.js import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default App; Викинути помилку: Failed to …

124 reactjs  webpack  create-react-app  node-sass  sass-loader 

Скажімо, у мене є якийсь стан, який залежить від якогось іншого стану (наприклад, коли A змінюється, я хочу, щоб B змінився). Чи доречно створити гачок, який спостерігає за А та встановлює В всередині гачка useEffect? Чи ефекти каскадуватимуться так, що коли я натисну кнопку, перший ефект спрацює, що призведе до …

124 javascript  reactjs  react-hooks 

Я працював create-react-appі стикався з цим питанням, куди потрапляю Home does not contain an export named Home. Ось як я налаштував свій App.jsфайл: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() { return …

123 javascript  reactjs  ecmascript-6  create-react-app