小编Hec*_*oro的帖子

我正在创建以下组件：

它将包含一个对象数组，其中每个对象都是一个处方，其中包含选择的药物名称和剂量的文本字段。

我的问题是 TextField 在每个 onChange() 上都失去焦点，并且非常令人沮丧，因为它无法在单个焦点上进行编辑。

这是我的组件：

const MedicineSelect = ({ medications, setMedications, ...props }) => {
    const { medicines } = useMedicines()
    const classes = useStyles()

    const handleChange = (index, target) => {
        // setAge(event.target.value)
        const newMedications = cloneDeep(medications)
        newMedications[index][target.name] = target.value
        setMedications(newMedications)
    }

    const handleAddMedicine = () => {
        const newMedications = cloneDeep(medications)
        newMedications.push({ medicine: '', dosis: '', time: '' })
        setMedications(newMedications)
    }

    const handleDeleteMedicine = (index) => {
        console.log('DELETE: ', index)
        const newMedications = cloneDeep(medications)
        newMedications.splice(index, …