Display Input value from an array object in React

I am bit new to react, I am trying to collect user data in a form as below and displaying in a grid table. When I select a particular row to edit, I am trying to show the same form again and data to be filled/displayed in respective Input control. But I am not sure how to display the Input control from an array object.

const inputs = [
    {
        id:"Title",
        type:"text",
        lable: "Title",
        placeholder:"Enter Title",
    },
    {
        id:"FirstName",
        type:"text",
        lable: "First name",
        placeholder:"Enter first Name",
    },
    {
        id:"LastName",
        type:"text",
        lable: "Last Name",
        placeholder:"Enter last Name",
    },
    {
        id:"Email",
        type:"email",
        lable: "Email id",
        placeholder:"Email id",
    },
];

//code for the form used to collect data and the same used to display again for edit

                      <form onSubmit={handleSubmit}>

                            
                            {inputs.map((input) =>(
                            <div className="forminput" key={input.id}>   
                                <label>{input.lable}</label>
                                <input 
                                    name={input.id}
                                    type={input.type}
                                    placeholder={input.placeholder}
                                    onChange={handleInput}/>
                            </div> )
                            )}
                            <button type="submit">Submit</button>
                            <button onClick={handleCancel}>Cancel</button>
                        </form>

//From grid control I have an array 'editData' which has the following data
{
    "id": "any5MNUZY5Z0ZMTrGwiXFj8gLpc2",
    "FirstName": "John",
    "LastName": "A",
    "Email": "abc@test.com",
    "Title": "MR",
    "timeStamp": {
        "seconds": 1682634222,
        "nanoseconds": 998000000
    }
}
I want to display this editData back in the form to display for user to edit. Please suggest.

Via Active questions tagged javascript - Stack Overflow https://ift.tt/K1Riu9m