我收到一条错误消息: 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) 编辑:仅在 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) 首先抱歉我的英语不好
所以,这是我的代码:
let x = 5
const {x: y=7} = {x}
console.log(y) // output is 5Run Code Online (Sandbox Code Playgroud)
但为什么是 5?不是7?
编辑:它的工作/我可以在 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)