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

Замість того, щоб писати мої компоненти всередині класу, я хотів би використати синтаксис функції. Як перевизначити componentDidMount, componentWillMountвсередині компонентів функції? Чи можливо це навіть? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content …

135 reactjs  redux 

В даний час я вивчаю концепцію гачків в React і намагаюся розібратися нижче на прикладі. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count …

134 javascript  reactjs  react-native  react-hooks 

Введення в React hooks useStateдля встановлення стану компонента. Але як я можу використовувати хуки для заміни зворотного виклику, як показано нижче: setState( { name: "Michael" }, () => console.log(this.state) ); Я хочу щось зробити після оновлення штату. Я знаю, що можу використовувати useEffectзайві речі, але я повинен перевірити стан попереднього …

134 reactjs 

Хоча є подібне питання, я не можу створити файл з декількома функціями. Не впевнений, чи метод вже застарів чи ні, оскільки RN розвивається дуже швидко. Як створити глобальну функцію помічника у реагуванні рідних? Я новачок у React Native. Що я хочу зробити, це створити js-файл, що містить багато функцій багаторазового …

133 reactjs  react-native 

Я створив компонент в React, який повинен оновити свій власний стиль у вікні прокрутки, щоб створити ефект паралакса. Метод компонентів renderвиглядає приблизно так: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 - 60); style.transform = 'translateY(' + …

133 javascript  reactjs 

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

132 javascript  facebook  architecture  reactjs  reactjs-flux 

Я намагаюся знайти найкращий спосіб видалити елемент з масиву в стані компонента. Оскільки я не повинен this.stateбезпосередньо змінювати змінну, чи є кращий спосіб (більш стислий) для видалення елемента з масиву, ніж те, що у мене є тут: onRemovePerson: function(index) { this.setState(prevState => { // pass callback in setState to avoid …

131 javascript  reactjs 

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

131 javascript  reactjs  ecmascript-6 

Я новачок у ReactJS та React-Router. У мене є компонент, який отримує через реквізит <Link/>об'єкт від react-router . Щоразу, коли користувач натискає кнопку "наступний" всередині цього компонента, я хочу викликати <Link/>об'єкт вручну. Зараз я використовую refs для доступу до екземпляра резервного копіювання та вручну натискаю на тег 'a', який <Link/>створюється. …

131 javascript  reactjs  react-router 

Я використовую модуль реакції-маршрутизатора останньої версії, який називається react-router-dom, який став за замовчуванням при розробці веб-додатків з React. Я хочу знати, як зробити перенаправлення після POST-запиту. Я робив цей код, але після запиту нічого не відбувається. Я переглядаю в Інтернеті, але всі дані стосуються попередніх версій маршрутизатора реагування, і ні, …

131 javascript  reactjs  react-router 

Я намагаюся додати компонент карти React до свого проекту, але зіткнувся з помилкою. Я використовую повідомлення в блозі Fullstack React як довідник. Я простежив, куди помилка потрапляє в рядок 83 google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

Який правильний тип подій React. Спочатку я просто використовувався anyзаради простоти. Зараз я намагаюся прибрати речі та уникати використання anyповністю. Так у простому вигляді, як це: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn: Function } } @inject('login') @observer export class Login …

130 javascript  reactjs  typescript 

Історія полягає в тому, що я повинен бути в змозі покласти Боба, Саллі та Джека в коробку. Я також можу вийняти або з коробки. Після вилучення слот не залишається. people = ["Bob", "Sally", "Jack"] Мені зараз потрібно зняти, скажімо, «Боб». Новим масивом буде: ["Sally", "Jack"] Ось мій компонент реакції: ... …

130 javascript  arrays  reactjs 

У мене є програма react / redux, яка отримує маркер з сервера api. Після автентифікації користувача я хотів би зробити всі запити axios таким маркерів як заголовок авторизації, не вручну додаючи його до кожного запиту в дії. Я досить новий, хто реагує / редукує, і не впевнений у найкращому підході, …

130 reactjs  redux  axios 

Я кутовий розробник і новачок у React. Цей компонент просто реагує, але не працює import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( <span>hello Tech View</span> ); } } export default …

129 reactjs