Category: ReactJS

28
Мар
2020

Потеря согласованности между react-компонентом и его состоянием в родителе

Разрабатываю свое первое приложение на react-e, текущая версия которого здесь, а гит здесь.

В основе лежит App компонент-функция с состоянием

const [formValues, setFormValues] = React.useState({
drugs: [{}],
numOfForms: 1…

27
Мар
2020

Как поменять содержание формы с помощью React Router

Не получается поменять содержание формы с помощью React Router
Первая форма загружается нормально, при переходе на вторую не отрисовывается компонент, хотя должна была отрисоваться таже самая форма

const Login = ( props ) => {
const…

27
Мар
2020

Блокирование и разблокирование кнопки при отправке формы и получении серверных ошибок

Есть форма регистрации (созданная через Redux Form), которая отправляет данные на сервер. Если все успешно, происходит redirect, если нет – серверная ошибка выводится на экран. При серверной ошибке можно заблокировать кнопку следующим обра…

26
Мар
2020

Реакт библиотека диаграмм с картинками на осях

Ищу либу с графиками, в которой можно релизовать что то похожее на то, что на картинке. Главная проблема в картинках на оси х вместо текста. Не нашел ни одной, которая давала бы задавать произвольное отображение на осях, дает редактиров…

26
Мар
2020

Очередь уведомлений (Notify) в react, redux

Нужно как то организовать очередь уведомлений которые dispatch если например не может загрузить данные с внешнего API (новости Яндекса, курсы валют с ЦБ).

Сейчас есть 2 action (новости и курсы валют):

export const getNewsAction = () =&gt…

25
Мар
2020

React компонент не получает функцию mutate в props через graphql HOC

Мне необходимо пробросить мутацию в компонент. При использовании данной строки кода:

export default graphql(logOn)(Login)

ничего не происходит. Нет никаких ошибок, просто компонент не получает функцию mutate в props.

Однако, если я пер…

25
Мар
2020

React. Проблема со state

Недавно изучаю реакт, столкнулся со следующей проблемой:
Проект – сайт с фильмами с возможностью поиска по названию и по тегам.
У меня есть 4 компонента:
App который является родителем;
SearcBlock – компонент включающий в себя поле поиска…

24
Мар
2020

React native редактировать список дел

Всем привет, кто нибудь знает как можно оформить функцию туду листа чтобы редактировать айтемы из списка ?
Я пробовал делать как в документации реакта нэйтив:

export default function UselessTextInput() {
const [value, onChangeText] = …

23
Мар
2020

pass state to parent component

я новичок в react , очень хочу изучить эту библиотеку. сейчас делаю приложение в кором хочу вывести в консоль состояние, которое получаю в дочернем компоненте, но не понимаю, как это сделатью. для удобства выделил главные элементы

const …

22
Мар
2020

Почему не происходит ререндер компонента при обновлении стора?

Я пытаюсь сделать реактивный счетчик, как пример простейшего компонента в связке react+mobx+mobx-react+next.
При нажатии на кнопку, в консоли разработчика mobx появляется надпись, что action сработал, но на странице данные не обновляются….

22
Мар
2020

Странный урл после редиректа успешной авторизации Google auth, ux_mode: ‘redirect’

столкнулся с настройкой Google авторизации. Как было указано в документации https://developers.google.com/identity/sign-in/web/reference?hl=ru#gapiauth2clientconfig есть вариант с авторизацией в модальном окне, а есть в полноекранном режим…

20
Мар
2020

Почему не срабатывает mapStateToProps?

Недавно начал работать с Redux, вроде все получалось. Сейчас делаю еще один компонент, добавил еще reducer’ы, action, затем вызвал combinedReducers, но по какой-то причине возникает ошибка: this.props.books is undefined. Попробовал вызыват…

20
Мар
2020

Как достичь желаемого?

Прошу Вас дать мне совет, как сделать следущее:
на сайте, к примеру https://strolleria.com/ при скроле появляются не сразу два блока с эфектом, это сделано с помощью Lazy loading и React animation?
И выпадающий header при скроле.
Скиньте п…

20
Мар
2020

React. Работа с таймером

Почему не работает код:

import React from “react”;
import { useState, useEffect } from “react”;

const Timer = ({ timeoutSec }) => {
const [counter, setCounter] = useState(timeoutSec);

useEffect(() => {
const timer =