Как получить данные из API и вставить в компонент React?

Question

[Константин]

Отправляю запрос к API, в ответ приходит объект с данными:

Object
       main:
              temp:200
              id:2207456

Как достать значение temp, вычесть из него 72 и вставить в нижеприведенный код вместо знака доллара?

const TopComponent = ()=>{

          useEffect(() => {
          fetch("api.openweathermap.org/data/2.5/weather?q=Perm&lan...")
          .then(res => res.json())
          .then( data => console.log(data)
)
})

Return(
        <div> $ </div>
)

Comments

[Андрей]

const [temp, setTemp] = useState('')
.....
.....
useEffect(() => {
fetch("api.openweathermap.org/data/2.5/weather?q=Perm&lan...")
.then(res => res.json())
.then( data =>{
temp = data.main.temp - 72
setTemp(temp)
}, [])

Return(
{temp}
)