How to get data from API and insert into React component?

Question

React

I send a request to the API, the response is an object with data:

Object
       main:
              temp:200
              id:2207456

How to get the value of temp, subtract 72 from it, and insert into the code below instead of the dollar sign?

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>
)