Состояние компонента меняется на долю секунды и возвращается к предыдущему?

Методы onHandleEventFetch и onHandleEventByTypeFetch различны. Первый выполняет всю выборку (select *from ...), второй выполняет выборку по условию (select * from ... where ...).
Вывел консоль в рендер. this.state.event после выбора фильтра по участникам принимает нужное значение (которое должно отобразиться в компоненте таблицы), затем сразу же принимает значения без фильтра по участникам снова

Как добавить изменения в css файл?

Евгений Журов, у меня приложение на React, import происходит следующим образом:
import '../css/style.css';
Добавил в конец ?3, получил ошибку при сборке

webpack-ом

Module parse failed: /home/aznha/Документы/duma/frontend/src/components/css/style.css?3 Unexpected token (1:0)
You may need an appropriate loader to handle this file type

Как добавить изменения в css файл?

Алексей Коновалов, вставляю файл, ввёл имя style.css3, PhpStorm пишет что файл не ассоциирован с другими типами файлов. ctrl+F5 не помогло
Я вставлял файл, не убирая старый. Просто перезаписывал его. Возможно из-за этого проблемы?

Как добавить изменения в css файл?

Martovitskiy, либо не нашёл, либо не указан у блока-родителя

Как добавить изменения в css файл?

Алексей Коновалов, почистить кэш? Как? Поясните пожалуйста

Выпадающий календарь в React приложении?

Спасибо за наводку, но вот только он не хочет работать



При попытке сборки выдаёт

ошибку

t.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.

Заполнить поле input из json-а?

Владимир Проскурин, в компоненте, из которого у меня передаётся значение, я использую context router

checkDoubleClick() {
    this.context.router.push(`/test/${this.state.selectedDirectory.id}`);
  }

В компоненте, куда я посылаю это значение (this.props.params.idValue), я не сохраняю его в state, а сразу отправляю для fetch запроса. Потому и получается, что this.props.params.idValue === undefined и запрос не выполняется

componentDidMount() {
   this.onHandlePartyFetch(this.props.params.idParty);
}

Что-то можно сделать? Я так понимаю, реакт реагирует просто на наличие в коде переменной this.props.params.idParty, о существовании которой он не знает

Заполнить поле input из json-а?

Владимир Проскурин,

Когда передаётся значение

{history: {…}, location: {…}, params: {…}, route: {…}, routeParams: {…}, …}
children: {$$typeof: Symbol(react.element), type: ƒ, key: null, ref: null, props: {…}, …}
history: {listenBefore: ƒ, listen: ƒ, transitionTo: ƒ, push: ƒ, replace: ƒ, …}
initialName: "Аноним"
location: {pathname: "/test/182", search: "", hash: "", state: null, action: "PUSH", …}
params: {idValue: "182"}
route: {component: ƒ, path: "party", childRoutes: Array(1)}
routeParams: {}
routes: (3) [{…}, {…}, {…}]

Когда НЕ передаётся

{history: {…}, location: {…}, params: {…}, route: {…}, routeParams: {…}, …}
children: null
history: {listenBefore: ƒ, listen: ƒ, transitionTo: ƒ, push: ƒ, replace: ƒ, …}
initialName: "Аноним"
location: {pathname: "/test", search: "", hash: "", state: null, action: "POP", …}
params: {}
route: {component: ƒ, path: "test", childRoutes: Array(1)}
routeParams: {}
routes: (2) [{…}, {…}]
__proto__: Object

Во втором случае в params пусто

Заполнить поле input из json-а?

Владимир Проскурин, Хотел ещё уточнить один момент: иногда в компонент, при его открытии, не передаются params, т.е. this.props.params.idValue не существует. Из-за этого возникает ошибка

Uncaught TypeError: Cannot read property 'idParty' of undefined

Как-то можно избавиться от этой ошибки?

Заполнить поле input из json-а?

Владимир Проскурин, всё, разобрался. Не могу сказать, насколько я правильно сделал, но получилось так:
В дочернем компоненте

handleChange(event) {
    this.props.onChangeInputValue(event.target.value);
  }
...
<input type='text' required value={this.props.newValue}
           onChange={this.handleChange}
            />

В родительском оставил:

onChangeInputValue(newInput) {
    this.setState({ newValue: newInput });    
  }

Спасибо!

Заполнить поле input из json-а?

Владимир Проскурин, добавил в родительский компонент:

onChangeInputValue(newInput) {
    this.setState({ newValue: newInput }); 
    // newValue переменная, в которую хотел записать новое значение, потому что запись в data.value не работает
    console.log(newInput);
  }

В дочернем компоненте с input добавил обработчик на изменение:

handleChange(event) {
    this.props.onChangeInputValue(event.target.value);
  }

В результате input всё равно не редактируется. Что я не так делаю?
Как мне в {id: 1, value: 'test', name: 'hello' ...} внести изменения для конкретного поля value?
Я, кажется, окончательно запутался

Заполнить поле input из json-а?

просто работайте с данными props.data

setValue убрал, изменил input так:

<input  type='text' required value={this.state.data.value}  />

Всё сработало, но нет возможности редактировать input.
Вообще задача состоит в том, чтобы подгрузить значение value в input, отредактировать его и сохранить изменённое значение (при нажатии на кнопку).
Судя по официальной документации, мне для редактирования input необходимо это локальное состояние value1.
При возвращении setValue снова не приходит значение value.
Как можно это реализовать?

Создать из введенных данных в input-ы объект?

Спасибо (:

Добавление в таблицу значение из двух разных массивов с объектами?

Большое спасибо!

Как преобразовать в JSON результат выборки и передать на клиентскую часть?

Большое спасибо!