ReactJS是由facebook开发的JS库。道具是反应组件中使用的变量。在对反应道具的使用有疑问时使用标签。
尝试使用 React Router 在 React 中传递 props - 说该值为 null
我正在尝试传递 props 以便使用 React Router 作为我所在项目的一部分。我不断从这段代码中收到链接为空的错误,我不确定为什么 - 标头组件: [![咳...
如何修复“道具验证 eslint React/prop-types 中缺少”错误?
'name' 在 props 验证中丢失 eslint react/prop-types 道具验证 eslint React/prop-types 中缺少“描述” 导出默认函数 Note({name,description}) { 返回 ( ...
我想做模态组件与类组件反应,但似乎状态没有更新。需要指导我的帮助)
问题:商店从数据库获取项目,主组件用简短信息呈现这些项目。单击后,我想打开模态组件,其中包含有关该产品的详细信息。 我的想法 -> 创建变量...
当我在 App.js 中使用 useState 时,出现错误,提示“无法在顶层使用 useState”。 我在 src 文件夹中创建了一个名为 Box.js 的组件,其中包含一个包含 6 个对象的数组,每个对象带有...
我有一个正在运行的应用程序,道具没有任何问题,除非我必须在将这些变量发送到子组件之前对其进行过滤。这是我的父组件: 导入 React, { useState, useEffec...
React - 渲染对象数组时,对象作为 React 子对象无效
编辑: 我在 React 项目中遇到一个问题,我尝试使用 map 函数渲染对象数组,并且收到以下错误:对象作为 React 子项无效 (
我有一个正在运行的应用程序,道具没有任何问题,除非我必须在将这些变量发送到子组件之前对其进行过滤。这是我的父组件: 导入 React, { useState, useEffec...
如果道具编号为 1 或 0,如何让我的道具值显示“正在导入”或“当前”?
我正在尝试获取此属性(状态),其值为 1 或 0,以显示“正在导入”或“当前”,而不是仅显示 1 或 0。 因为我不是...
在 React Native 应用程序上工作,收到此错误: 警告可能的未处理的承诺拒绝(id:1):TypeError:setAuthenticated不是一个函数(它是未定义的) 这是我的 AuthPage ...
从“react”导入React 导出默认函数 App() { 让 [isGoingOut, setisGoingOut] = React.useState("是") 函数改变状态(){ setisGoingOut(prevValu...
我有一个 updateServerStatusModal 组件,正在servers.js 组件中使用。我试图将 prop 从 updateServerStatusModal 组件传递到服务器组件,但它确实...
错误:组件 [ComponentName] 声明了 `PropTypes` 而不是 `propTypes`。您是否拼错了属性分配?
有人可以解释为什么我在导入 PropTypes 时收到此错误: 组件 CustomBackground 声明了 PropTypes 而不是 propTypes。您是否拼错了属性分配? 自定义背景.js:
当我启动我的项目时,当这个类名来自react属性时,它不会加载某些顺风类名,我附加了一个显示错误的视频,我想知道如何让它加载co...
如何修复 TypeScript 中的“没有重载匹配此调用”错误? SelectList onSelect 属性
我目前正在团队中开发 React Native 应用程序。我一直在尝试在应用程序的页面上实现一个 SelectList,该页面调用一个接受所选值并传递的 handleSelection 函数...
//SignIn.js 函数登录(){ const [用户名, setUsername] = useState('米奇') if (//条件如果为真): setUsername('米老鼠'); 返回( {用户名... //SignIn.js function SignIn() { const [username, setUsername] = useState('Mickey') if (//condition if true): setUsername('Mickey Mouse'); return( <div><h1>{username}</h1></div> ) } export default SignIn; //Target.js function Target() { return( <div><h1>Hello</h1></div> ) } 举个例子,假设我有两个组件 SignIn.js 和 Target.js (包含所有必要的导入)。我想将用户名状态变量从 SignIn.js 传递/导出/传输到 Target.js。我该怎么做? 要在 React 中将 username 状态变量从 SignIn.js 传递到 Target.js,您可以使用 props。这是一个例子 在 SignIn.js 中,您需要导入 Target 并将 username 作为 prop 传递: import React, { useState } from 'react'; import Target from './Target'; function SignIn() { const [username, setUsername] = useState('Mickey'); if (//condition if true) { setUsername('Mickey Mouse'); } return ( <div> <h1>{username}</h1> <Target username={username} /> </div> ) } export default SignIn; 在Target.js中,你可以像这样收到username道具: import React from 'react'; function Target(props) { const { username } = props; return ( <div> <h1>Hello, {username}</h1> </div> ) } export default Target; 现在,当您渲染 SignIn 组件时,它也会渲染 Target 组件,并将 username 状态变量作为 prop 传递。在 Target.js 中,您可以使用 username 访问 props.username。 这样,如果 Target 中的条件为 true,则 SignIn.js 组件将显示“Hello, Mickey Mouse”。
如果我将正则表达式作为 prop 传递(例如:typeRegex={/Photographer/gi}),那么合适的 PropType 是什么?
React - 添加 props.something 作为 useEffect 的依赖项
我这里有这个useEffect代码: 使用效果(()=> { if (状态 === "已完成" && !错误) props.onAddedComment(); }, [状态,错误,props.onAddedComment]); 但我明白...
Next.js 图像组件 props onLoadingComplete 不起作用?
我试图从 onLoadingComplete 道具中获取naturalWidth和naturalHeight:https://nextjs.org/docs/api-reference/next/image#onloadingcomplete 但它不起作用?也许我做错了......
如何将数据从孙组件传递到父组件。将更新后的状态附加到父组件中的子组件
需要从孙组件更新父组件中的状态值。我的组件树结构是这样的。组件树结构 我在 LeftFilter 中有可用的状态值
您好,我正在我的简单电子商务应用程序中实现 React Router。在学习过程中,我遇到了一个问题,希望得到帮助。 我成功获取了...