如何使用输入字段从 React 中的用户输入执行 React 中的列表项，例如：{User1：[name，name2]，user2：[name3，name4]} using input field

问：

无法列出嵌套项 如何从 map 方法传递键值以将项添加到该特定键值以及如何以嵌套形式映射该值

我想在提交处理程序中获取“li”的键值......就像触发器弹出窗口的 onclick 一样，我想获取触发弹出窗口的特定值，通过该值我可以将数组的值添加到该特定键

    const addPackage=(e)=>{
        let A2 =e.target.value
        setItem(A2)
    }

    const submitPackage=()=>{
        console.log(Object.keys(folder))
       // over here I have to pass the value that on the popup triggers inside the map method   
       folder[val].push(item)
      console.log(folder) 
    }
 
    return(
        <div>
            <h2 className='header'>drag and drop list</h2>
            <div className="compA">
            <strong>compA</strong><br/>
            <Popup trigger={<touchable>file</touchable>} position="right top">
         <>
             <table bgcolor='white'>
             <tbody>
             <tr><td><strong>create package:</strong></td></tr>  
             <tr><td><input type='text' onChange={addItem}/></td></tr>
             <tr><td> <button onClick={submitValue}>create</button></td></tr>
             </tbody>
             </table>
         </>
         </Popup>
         <hr/> 
           {Object.entries(folder).map((li)=>{return(
           <div align='left'  key={li}>
                    <Popup trigger={<touchable ><FaFolder/>{li[0]}</touchable>} //the li[0] value should assign ass the val over the submit handler
                        position="right top">
                            <>
                            <table  bgcolor='white'>
                            <tbody>
                            <tr><td><strong>package:</strong></td>
                            <td><input type='text' defaultValue={li[0]}/></td></tr>
                            
                            <tr><td><strong>create class:</strong></td>
                            <td><input type='text' onChange={addPackage}/></td></tr> 
                        
                            <tr><td><button onClick={submitPackage}>create</button></td></tr> 
                            </tbody>
                            </table>
                            </>
                            
                    </Popup><br/>
                      
            </div>)
        })}
            </div>
            <div className="compB">

            </div>
            
        </div>
    )

}
export default Input