小编Alf*_*lfi的帖子

Vue3:未捕获类型错误:代理上的“设置”:陷阱为属性“NewTodo”返回虚假

我收到一条错误消息: Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'NewTodo'

当我尝试重置子组件(FormAddTodo.vue)内的输入文本值时,会出现该错误。

应用程序.vue:

export default {
  data(){
    return{
      todos: [],
      newTodo: ""
    }
  },
  components: {
    Todos,
    FormAddTodo
  }
}
</script>

<template>
  <div class="container mx-auto">
      <Todos :todos="todos" />
      <div class="py-8"></div>
      <FormAddTodo :NewTodo="newTodo" :Todos="todos" />
  </div>
</template>
Run Code Online (Sandbox Code Playgroud)

FormAddTodo.vue:

<template>
    <div class="formAddTodo">
        <form @submit.prevent="handleAddTodo" class="addTodo">
            <input type="text" class="" placeholder="type new todo here..." v-model="NewTodo">
        </form>
    </div>
</template>

<script>
    export default {
        props: ['NewTodo', 'Todos'],
        methods: {
            handleAddTodo(){
                const colors = ["cyan", "blue", …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vuejs3

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

未处理的拒绝(AbortError):操作被中止

编辑:仅在 Firefox 中反应应用程序崩溃。当我使用 chrome 时,反应应用程序不会崩溃。如何处理 Firefox 中的崩溃问题?

我想在组件卸载时取消http请求。我使用 fetch() 和 AbortController。

我正在遵循本指南

但是当组件卸载时,反应应用程序崩溃。

在此输入图像描述

这是我的代码:

import React, { useEffect, useState } from 'react'
import AbortController from "abort-controller"

function Label(){
  const abortController = new AbortController()
  const signal = abortController.signal
  const [labels, setLabels] = useState([])

    useEffect(() => {
      async function getLabels(){
          const req = await fetch(`${process.env.REACT_APP_SERVER_URL}/label`, {
              credentials: 'include',
              signal: signal
          })
          const res = await req.json()
        
          setLabels(res.data)
      }
    
      getLabels()
    
      // cancel httprequest if component unmounted
      return function cancel(){
          abortController.abort()
      } …
Run Code Online (Sandbox Code Playgroud)

fetch request-cancelling reactjs

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

为什么变量“y”的值为 5?不是7?

首先抱歉我的英语不好

所以,这是我的代码:

let x = 5
const {x: y=7} = {x}

console.log(y) // output is 5
Run Code Online (Sandbox Code Playgroud)

但为什么是 5?不是7?

javascript object destructuring

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

Cookies.get() 未定义

编辑:它的工作/我可以在 httpOnly = false 时获取 cookies 值,为什么?

我使用 js-cookie 包,

当我打开 chrome 开发工具时,有一个 cookie token

但是当我使用Cookies.get('token')时,结果是undefined

并且使用Cookies.get() 的结果也是undefined

这是我的代码:

import Cookies from 'js-cookie'
const [token, setToken] = useState(Cookies.get())
// const [token, setToken] = useState(Cookies.get('token'))

useEffect(() => {
    console.log(token) //undefined

    CheckAuth(token)
                .then(data => {
                    setLoggedInUser(data.user)
                })
                .catch(error => {
                    Cookies.remove('token')
                    setErrorMessage(error.message)
                })
                .finally(() => {
                    setLoading(false)
                })
}, [])
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

javascript cookies cookie-httponly reactjs

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