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

Я розумію, як (і чому ) додати пробіли в JSX, але мені цікаво, що є найкращою практикою або якщо яка-небудь має щось реальне? Загорніть обидва елементи в проміжок <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Додайте їх в один рядок <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> </div> Додайте простір за допомогою …

91 javascript  reactjs  react-jsx 

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

91 javascript  reactjs 

Отже, у мене таке: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal - це просто масив чисел, [1, 5, 9]наприклад, однак this.state.dealersOverallTotalне дає правильної суми, але totalробить? Я …

91 javascript  reactjs  state  setstate 

Зазвичай я розміщую матеріали, пов’язані з кодом, на Stack, але це більше питання про те, які загальні думки спільноти. Здається, що багато людей виступають за використання Redux з React для управління даними / станом, але під час читання та вивчення обох я зіткнувся з чимось, що виглядає не зовсім правильно. …

90 javascript  reactjs  redux 

По суті, я намагаюся робити вкладки як реакцію, але з деякими проблемами. Ось файл page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> При натисканні на кнопку A, потреба RadioGroup компонент для скасування вибору кнопки B . "Вибране" просто означає className із стану або властивості Ось RadioGroup.jsx: module.exports = React.createClass({ …

90 reactjs 

Я думаю, що в назві все сказано. Жовте попередження відображається кожного разу, коли я демонтую компонент, який все ще отримує. Консоль Попередження: Не вдається зателефонувати setState(або forceUpdate) на немонтованому компоненті. Це заборона, але ... Щоб виправити, скасувати всі підписки та асинхронні завдання в componentWillUnmountметоді. constructor(props){ super(props); this.state = { isLoading: …

90 reactjs 

Мене бентежить, як отримати доступ до <input>значення під час використання mount. Ось те, що я отримав як тест: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Консоль роздруковується undefined. Але якщо я трохи модифікую код, …

90 unit-testing  reactjs  enzyme 

Я новачок у React і намагаюся імпортувати DATAзмінну JSON із зовнішнього файлу. Я отримую таку помилку: Не вдається знайти модуль "./customData.json" Хтось може мені допомогти? Це працює, якщо у мене є моя DATAзмінна, index.jsале коли вона знаходиться у зовнішньому файлі JSON. index.js import React, {Component} from 'react'; import ReactDOM from …

90 javascript  json  reactjs 

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

90 reactjs 

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

90 reactjs  redux  react-redux 

Я намагаюся перетворити цю класну <canvas>анімацію, яку я знайшов тут, на багаторазовий компонент React. Схоже, для цього компонента потрібен один батьківський компонент для полотна та багато дочірніх компонентів для function Ball(). З міркувань продуктивності, мабуть, було б краще перетворити Ballsкомпоненти без громадянства, оскільки їх буде багато. Я не настільки знайомий …

90 reactjs 

Який рекомендований шаблон для створення setState для батьків з дочірнього компонента. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return <div>{todo}</div>; }); return <div> <h3>Todo(s)</h3> {todos} <TodoForm /> </div>; …

90 reactjs 

Я намагаюся з’ясувати проблему з таким синтаксисом: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } }; Я постійно …

90 javascript  reactjs  async-await  redux 

Я хочу імпортувати файл CSS у компонент реакції. Я пробував, import disabledLink from "../../../public/styles/disabledLink";але отримую помилку нижче; Модуль не знайдено: Помилка: Не вдається вирішити файл або каталог. /client/src/components/ShoppingCartLink.js 19: 20-66 Хеш: 2d281bb98fe0a961f7c4 Версія: webpack 1.13.2 C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css - розташування файлу CSS, який я намагаюся завантажити. Мені здається, що імпорт не шукає …

90 javascript  reactjs  relative-path 

Я хочу закрити спадне меню, коли клацання відбувається поза випадаючим компонентом. Як це зробити?

89 reactjs