UI‑компонент для имитации последовательных HTTP‑запросов с пользовательскими параметрами

В примере реализован простой React‑компонент, который выводит форму с полями ввода URL‑адреса, количества запросов, среднего времени ответа и количества уже выполненных запросов. Кнопка «Start» пока не содержит обработчика, но служит точкой входа для дальнейшей логики.

import React from "react";

export function App() {
  const [numOfRequests] = React.useState(10);
  const [url] = React.useState("codesandbox.io");

  return (
    <div>
      <div>
        <label>URL</label>
        <input value={url} />
      </div>
      <div>
        <label>Number of requests</label>
        <input value={numOfRequests} />
      </div>
      <div>
        <label>Avg response time</label>
        <input />
      </div>
      <div>
        <label>Requests made</label>
        <input />
      </div>
      <button>Start</button>
    </div>
  );
}