首页 > 解决方案 > 如何使用 react-hook-form 从值数组中的选定项目中删除项目?

问题描述

我必须从数组中选择项目,但如果我必须取消选择项目,则会显示此错误(TypeError: newValue.splice is not a function)

import React from 'react';
import {useForm} from 'react-hook-form';

function Sample(){
<form onSubmit={onSubmit}>    
<div>
{DAYS.map((day, i) => (
    <div>
        <Controller
            control={control}
            {...register(`test[${index}].day[${i}]`, {

            })}
            render={({ field, field: { onChange, value } }) => (
                <StyledToggleButtonGroup
                    size="small"
                    {...field}>
                    <StyledToggle key={day.key} value={day.key} aria-label={day.key}>
                        {day.label}
                    </StyledToggle>
                </StyledToggleButtonGroup>
            )}
        />
    </div>
 ))}
</div>
</form>
}
export default Sample;

标签: reactjs

解决方案


推荐阅读