AbortController API in React_1

setup_abortcontroller.js

import { useState } from 'react';

function App() {
 const [pictureUrl, setPictureUrl] = useState('');

 return (
   <div
     style={{
       display: 'flex',
       alignItems: 'center',
       gap: '2rem',
       flexDirection: 'column',
       marginTop: '2rem',
     }}
   >
     <div style={{ display: 'flex', gap: '2rem' }}>
       <button>Get Random Picture</button>
       <button> Cancel Request</button>
     </div>

     <div>
       {pictureUrl !== '' ? <img src={pictureUrl} alt='random user' /> : null}
     </div>
   </div>
 );
}

export default App;