Creating a dynamic number of components in React.js

import React, { useState } from "react";

const App = () => {
  const [inputs, setInputs] = useState([]);

  return (
    <div>
      <div>
        <label>Inputs:</label>
        {inputs.map((n) => (
            return(
                <p> this paragraph {n}</p>
            )
        )}
      </div>
    </div>
  );
};

export default App;