Блог

Главная - Вопросы по программированию - Компонент неправильно обновляется в React TypeScript

Компонент неправильно обновляется в React TypeScript

#javascript #reactjs #typescript

#язык JavaScript #реагирует на #машинописный текст

Вопрос:

Я создал модуль, используя typescript, который не обновляется должным образом (значение обновляется только во второй раз), может ли кто-нибудь предложить решение этой проблемы.

 handleDisplayName = (evt: React.ChangeEventlt;HTMLInputElementgt;): void =gt; {  const options: UrlSelectorOptions = {  ...this.props.options,  displayName: evt.target.value,  }  this.props.onOptionsChange({ ...options })  console.log("Options"   options);   } render() {  return (  lt;gt;  lt;labelgt;lt;stronggt;Display Namelt;/stronggt;lt;/labelgt;  lt;input  className="input"  type="text"  value={this.props.options.displayName}  onChange={this.handleDisplayName} /gt;  lt;/gt;  }

Комментарии:

1. что onOptionsChange делает?

2. Это функция обратного вызова

3. поделитесь своим кодом onOptionsChange , пожалуйста

4. экспорт интерфейс PanelEditorPropslt;T ==»» any=»»gt; { /** Параметры панели / опции: Т; /* параметры панели изменить обработчик / onOptionsChange: (варианты: Т обратного вызова?: () =gt; пустота) =gt; недействительным; /* результирующего набора в панели запросов */ данные?: PanelData; }

5. Пожалуйста, отредактируйте свой вопрос и покажите больше своего кода. Я предполагаю, что функция onOptionsChange изменяет состояние. Этого недостаточно, чтобы полностью понять ваш код.

Метки: