Сервис быстрых ответов от искусственного интеллекта
Вопрос пользователя:
Ответ нейросети:
Вот пример кода, который поднимает состояние компонентов TemperatureInput и добавляет обработчики событий для обновления значения температуры в другом поле ввода:
import React, { Component } from 'react';
import TemperatureInput from './TemperatureInput';
import { tryConvert, toCelsius, toFahrenheit } from './utils';
class App extends Component {
constructor(props) {
super(props);
this.state = {
temperature: '',
scale: 'celsius'
};
}
handleCelsiusChange = (temperature) => {
this.setState({
scale: 'celsius',
temperature
});
}
handleFahrenheitChange = (temperature) => {
this.setState({
scale: 'fahrenheit',
temperature
});
}
render() {
const { temperature, scale } = this.state;
const celsius = scale === 'fahrenheit' ? tryConvert(temperature, toCelsius) : temperature;
const fahrenheit = scale === 'celsius' ? tryConvert(temperature, toFahrenheit) : temperature;
return (
<div>
<TemperatureInput
scale="celsius"
temperature={celsius}
onTemperatureChange={this.handleCelsiusChange}
/>
<TemperatureInput
scale="fahrenheit"
temperature={fahrenheit}
onTemperatureChange={this.handleFahrenheitChange}
/>
</div>
);
}
}
export default App;
Теперь при изменении значения температуры в одном из полей ввода, другое поле автоматически обновится соответственно.
Напишите нам, если в вопросе есть ваши персональные данные (yasnoponyatno24@yandex.ru)
Обратите внимание: ответы, предоставляемые искусственным интеллектом, могут не всегда быть точными. Не рассчитывайте на них в критически важных областях, таких как медицина, юриспруденция, финансы или в вопросах, связанных с безопасностью. Для важных решений всегда обращайтесь к квалифицированным специалистам. Администрация сайта не несет ответственности за контент, сгенерированный автоматически.