ЯсноПонятно24

Ваша задача - добавить в родительский компонент (App) состояние для хранения значения температуры и единицы измерения, а также метод для обновления этого состояния. Затем передайте это состояние и метод в компоненты TemperatureInput для управления значением температуры.

Примерный код родительского компонента (App):

import React, { useState } from 'react';
import TemperatureInput from './components/temperature-input';

const App = () => {
  const [temperature, setTemperature] = useState('');
  const [scale, setScale] = useState('celsius');

  const handleTemperatureChange = (value, scale) => {
    setTemperature(value);
    setScale(scale);
  };

  return (
    <div>
      <TemperatureInput
        scale="celsius"
        temperature={temperature}
        onTemperatureChange={handleTemperatureChange}
      />
      <TemperatureInput
        scale="fahrenheit"
        temperature={temperature}
        onTemperatureChange={handleTemperatureChange}
      />
    </div>
  );
};

export default App;

Теперь в компоненте TemperatureInput вам нужно использовать переданные пропсы temperature и onTemperatureChange для управления значением температуры. В методе handleChange компонента TemperatureInput вызовите onTemperatureChange с новым значением температуры и единицей измерения.

Надеюсь, это поможет вам понять, как поднимать состояние в родительский компонент в React. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать!