开发者问题收集
我需要使用 react-router 将一个值从一个页面传递到另一个页面。我曾尝试过这种方式:<li><AclassName="btn btn-link btn-sm"href={{ pathname: Routes.detail_page, search: `?_id=${C.Code}`, state: this.props.current }}>{ 'Open' }</A></li>我会将
我有一个基于react-router-dom的应用程序,目前有两个屏幕:一个用于初始设置,另一个需要第一个屏幕的一些信息。该信息存储在主页代码中的常量中,我想知道是否有方法可以在它们之间共享变量,或者以某种方式将它们传递给第二个。下面的代码和树提供了我如何设置它的基本概述。结构: App|Routes|BrowserRouter___________
在 v4 中,您可以执行 history.push('/whatever', { data })然后绑定到该路由的组件可以通过引用 history.location.state 来读取数据对象现在,在 v6 中,该操作已更改为 navigation('whatever')您如何像以前一样传递数据?
我遇到了一个问题,我想将一个页面上传递的信息发送到另一个页面,我说的这个其他页面就像一个单页。我已经尝试使用 props、params 将此页面的参数传递给另一个页面,但没有成功。我相信这很简单,但它让我没有解决方案Homepage.jsximport React, {useEffect, useState} from 'react';import * as Styled from './styl
我正在尝试创建一个表单,以便可以在数据库中输入和更新值,但我总是收到警告,并且不知道如何摆脱它。我有一个包含具有 id 值的对象数组,例如:data = [{id_a: 2, id_b: 3},{id_a: 5, id_b: 10}, ...]在相关组件的模板中,我循环遍历此数组,并为每个对象在表中创建一行:<template><div><table><trv-for="(dataset, i)
从 Vue 2 迁移后,我在浏览器中收到以下错误Uncaught TypeError: Vue.extend 不是函数我的 main.js 文件如下import { createApp } from 'vue'import App from './App.vue'import VueAxios from 'vue-axios'import axios from 'axios'import rout
在我的 vue 前端,我尝试设置 Vuex。在我的店铺页面(店铺目录内,文件名为 index.js)上,我使用的是 Vue 3.0当我运行代码时,我得到无法读取 Vue.use(Vuex) 行上未定义的属性“use”这是代码块import Vue from "vue";import Vuex from "vuex";import Api from "../services/api";Vue.use
我正在开发一个Vue 3应用程序。我有 3 个嵌套组件:一个下拉组件,嵌套在导航组件中,导航组件嵌套在内容组件中。下拉菜单应按作者过滤祖父组件Main.vue中的帖子。我尝试向上发出getPostsByUser(user)方法,一次一个组件。在孙组件UsersDropdown.vue中:<template><div class="dropdown"><button type="button" cl
我从著名的 ApiPokemon 收到此调用:https://pokeapi.co/api/v2/pokemon?limit=151一旦我获得该数据,我想将其通过另一种方法(_getPokemonData)传递,以映射每个 Pokémon 的完整数据。但是,当我创建此 VueJS 方法时,我收到此错误:未捕获(在承诺中)TypeError:无法读取未定义的属性(读取“_getPokemonData
这是我的 Searchcomponent,但是它引发了“查询” prop 的意外突变错误,我尝试了这种方法但仍然收到错误。 <template><div class="searchbar"><inputtype="text"v-model="query.name" // this is the errorclass="input"placeholder="Search"/><div v-if
这是一个基本的 JavaScript 问题,但还是让我在谷歌上搜索了一段时间。根据这篇文章,下面的代码应该可以工作,但是我在saveBubble中得到了event.target is not a function错误。当我在调试器中尝试event时,错误显示Uncaught: illegal access。arguments数组具有所需的事件,但是为什么当我调用event时它不起作用?export
由于某种原因,它有时会映射通过,但我收到另一个不返回任何内容的错误,而其他时候它只是说无法读取未定义的属性图。我正在尝试在 React 中编译一个用户列表。我有一个名为 UserList 的组件,它正在查询我的数据库以查找所有用户并更新状态:const UserList = React.createClass({getInitialState: function () {return {users
我试图访问我在调用该函数时使用的材料 UI 文本输入的值,但我还需要传递其他参数,这是在其父类中调用该函数的代码。<Inputvalue={this.props.appState.application.Person[0].Forename}className={classes.input}onChange={this.testHandleChange(0, 'Person')}name="For
基本上,我使用两个组件从数据库获取数据。一个组件用于循环访问数据,另一个组件用于访问和查看每个条目的数据。我在数据库中有一个名为“性别”的字段,用户可在该字段中提交男性、女性和/或其他。我试图执行 if 语句,但它不起作用,或者也许我没有想象的那么好。我在文件 (Secrets.js) 中执行了此操作,在其中循环访问数据(我也在其中使用了不同的组件):import React, { Fragmen
这是我使用 React hooks 的功能组件中的代码:const Form = () => {const [title, setTitle] = useState("");const handleSubmit = (e) => {e.preventDefault();};const handleChange = (e) => {setTitle((currentTitle) => {consol