小编Fai*_*zik的帖子

“删除”运算符的操作数必须是可选的。ts(2790) 使用 Typescript 创建表单时

我不明白为什么会发生这个错误。我正在创建一个表单来提交用户电子邮件

export const register = createAsyncThunk<
  User,
  RegisterProps,
  {
    rejectValue: ValidationErrors;
  }
>("auth/registerStatus", async (credentials, { rejectWithValue }) => {
  try {
    // Don't POST blank email
    if (!credentials["email"]) {
      delete credentials["email"]; //editor marking in this line there is error.
    }
    const response = await api.post(API_REGISTER, credentials);
    return response.data;
  } catch (err) {
    const error: AxiosError<ValidationErrors> = err;
    if (!error.response) {
      throw err;
    }
    return rejectWithValue(error.response.data);
  }
});
Run Code Online (Sandbox Code Playgroud)

但我面临这个错误:

“删除”运算符的操作数必须是可选的。ts(2790)

我猜有一些逻辑错误,但我需要你的帮助来解决这个问题。

typescript reactjs

14
推荐指数
2
解决办法
2万
查看次数

如何从 React Select 表单中获取价值

抱歉,我只是问一个基本问题,但我有点卡住在这里寻找在做出选择后从 React Select 获取值的任何方法。

这是一个简单的选择设置。

    const selectOptions = [
            { value: 'YES', label: 'Set to Active' },
            { value: 'NO', label: 'Set to Mute' }
       ]

    <Label className='form-label'>Select</Label>
         <Select
            isClearable={false}
            className='react-select'
            classNamePrefix='select'
            options={selectOptions}
            theme={selectThemeColors}
          />
Run Code Online (Sandbox Code Playgroud)

我想根据用户选择的选择获取价值,并将其放入userChoice使用的内容中useState

const [userChoice, setUserChoice] = useState("")
Run Code Online (Sandbox Code Playgroud)

值可以是 YES 或 NO,如 selectOptions 中所定义。但如何将其传递给 userChoice. 我尝试使用onChange={(e) => setUserChoice(e.target.value)} 但这东西不起作用。

onInputChange={handleInputChange}按照 StackOverflow 上先前询问的线程中的建议进行了尝试,但在这里不起作用。

reactjs react-select react-hooks

7
推荐指数
1
解决办法
3万
查看次数

React Router:如何修复 BrowserRouter 显示空白屏幕

我是 JS React 的新手,目前正在研究项目的路由部分。我正在尝试利用从react-router-dom包导入的BrowserRouter函数。但在发出npm start后,我​​得到的只是一个空白的白屏,如图 (2) 所示。如果我使用我在图像 (1) 上注释掉的代码直接调用我的 * LandingPage.js,它会输出图像 (3) 中所示的屏幕,这就是我尝试使用 BrowserRouter 输出的内容输出的内容。我错过了什么吗?

1.) 在此输入图像描述

2.)

在此输入图像描述

3.) 在此输入图像描述

javascript reactjs react-router react-router-dom

2
推荐指数
1
解决办法
1万
查看次数