task3114

Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

task3114

Arnold

import './styles.css';
import { getWinnerNumber } from './getWinnerNumber';

function App() {
  const [ticket, setTicket] = useState('');

  useEffect(() => {
		const getTicket = async () => {
		const ticket = await fetch(getWinnerNumber)
			setTicket(ticket)
		}
		getTicket()
	}, [])



  return (
    <div className="lottery-ticket">
      <div className="lottery-inner">
        <div className="lotto-title">
          <span>Lotto</span>
          <i>Ticket</i>
        </div>
        <hr />
        <div className="lotto-content">
          <div className="ticket-information">
            <div>And the winner is ticker with number</div>
            <div className="ticket-number">{ticket}</div>
          </div>
        </div>
      </div>
    </div>
  );
}

export default App;

salton

я не знаю почему... но у меня ни одна задача в которой встречается запрос данных и запрос в которых я делал через async/await - не принялась..
поэтому могу порекомендовать попробовать вот так:

useEffect(() => {
    getWinnerNumber().then(ticket=>setTicket(ticket)); 
	}, [])

и тогда 4 и 8 пункты должны приняться.