开发者问题收集
我使用 map 函数在页面上渲染了一个组件网格,我只想在单击该组件后渲染其所有详细信息,但只会出现错误提示:Uncaught TypeError: Cannot read properties of undefined (reading 'logo')我是 React 新手,不知道为什么会发生这种情况。如能得到帮助将不胜感激!这是我的代码:Body 组件 - (父组件)import { useSt
我想在我的 Laravel/Inertia 项目中使用 Ckeditor,但我无法让它工作。我从 LaraTips 找到了一个教程,但那是为 VueJS-2 编写的。我正在使用最新版本的 Inertia,它使用 VueJS-3。我想在单独的组件中使用 Ckeditor,它(有点)有效,但我无法让旧数据显示在编辑器中。我收到错误“未捕获(在承诺中)TypeError:无法读取 Proxy.model
我有一个父组件,它有一个对象状态数组,此状态正在传递给子组件。当我收到此 prop 和 console.log 时,返回未定义。父组件import { useState } from "react";import Children from './Children'import cardsData from "../cardsData";const Parent = () => {const [c
我被困在调用 clickRemoveHandler 上。我的想法是,我有两个组件:第一个 - 布局,它呈现页眉、导航和页脚组件;第二个 - 计算器,它是我的核心组件,具有数据输入等功能...在计算器组件中,我有具有托管状态的按钮,因此当我单击布局组件 (div) 上的任意位置时,我需要调用操作按钮的计算器函数。代码如下:class Layout extends Component {.....cl
实际上,在我的 React Native 应用中,我在Logout函数中将 id 值从父视图发送到子组件时遇到问题,我不知道如何将值发送到函数中;实际上我遇到了以下控制台错误:警告:无法从不同组件的函数体内更新组件。并且TypeError:null 不是对象(评估“users.current.id”)我的简历代码是下一个(Home 是父级,GeneralHeader 是子级):Home.tsx(我
我尝试了 Hello world 示例,通过从其他两个组件返回 Hello 和 world,但是在此代码中,我无法返回 Menubar 组件,而当我仅返回 Map 时,Map 组件可以工作。App.jsimport React from 'react';import ReactDOM from 'react-dom';import Map from './components/Map'import
我创建了两个组件(A 和 B)。我试图使它们递归。因此,CompA 调用 ComB,CompB 调用 CompA,依此类推:Page -> CompA -> CompB -> CompA -> CompB -> ...这是我的CompA.Vue<CompB></CompB>及其脚本:import CompB from './CompB';export default {name: "CompA",
问题在index.js中,我将值为["fullWidth", "secondMod"]的modifier属性传递给导入的Container子组件:index.js<Container><h1>Hi people</h1><p>Welcome to your new Gatsby site.</p><p>Now go build something great.</p></Container>//
我试图将一个值从一个组件 - Counters.jsx 传递到 Counter.jsx。当我转到开发人员控制台并进行记录时,我可以从 this.props.value 获取数据,但是当我尝试将其设置为状态时,我收到以下错误:TypeError:无法读取未定义的属性“值”。// This is the component: Countersimport React, { Component } fr
我有一个包含将显示的问题数据的数组。一次只能显示一个问题。一旦用户选择了问题的答案,他们就可以通过单击按钮或使用上下箭头键移动到下一个问题。这是当前版本的 gif:App.vue文件:import { defineComponent, ref } from 'vue';import QuestionCard from "./components/QuestionCard.vue";export d
我希望如果输入的“合同类型”为空,“保存”按钮不可点击保存按钮:<div class="col-md-4"><cic-textbox [control]="formGroup.get('contractType')"></cic-textbox></div>所有按钮: <div class="cic-header-actions pull-left" *ngIf="actions && actio
我有一个通用组件app-button,其中包含一个按钮元素。按钮组件 html<button [type]="type" [disabled]="isLoading || !!disabled"><ng-content></ng-content></button>按钮组件 ts@Component({selector: 'app-button',templateUrl: 'views/button
我正在开发一个 vue 项目,并希望在一段时间后从子组件向父组件发出事件(用户将鼠标悬停在元素上,几秒钟后,应该会发生发出事件)。我很确定我在其他组件中做过类似的发出,并且以前也成功过,但现在我收到这两个错误。我不确定发生了什么变化。我在第一次尝试后实现了 vuex,然后又回到了这个问题,现在我不确定发生了什么?但也许我只是删除了一些东西,或者我不知道。我还尝试了一条似乎有问题的线上方的控制台日志
我有这些文件App.vue,Header.vue,search.js 和 Search.vueApp.vue很正常,只是添加了不同的视图Header.vue有一个输入框<input type="text" v-model="searchPin" @keyup="searchResults" /><div>{{searchPin}}</div>和脚本:import useSearch from "@
我按照基本教程来启动一个 nuxt3 项目:cd /myfolderyarn init -yyarn add --dev nuxt3yarn nuxi create nuxt3-appcd nuxt3-appyarn installyarn dev -o然后我删除app.vue。我创建了目录:mkdir components pages layouts以及文件:touch components/H