react-hooks 相关问题

Hooks是一项新功能,允许开发人员在不编写类的情况下使用状态和其他React功能。

ENV 文件中的变量未定义

我正在尝试访问 .env 文件中的变量。不幸的是,我得到了一个不确定的背部。 .env 文件 REACT_APP_SOCKET_URL = ws://localhost:2900 尝试访问它 使用效果(()=> { 反对...

回答 2 投票 0

无法在按钮上上传文件以与 mui 进行反应

该链接有一个实时示例:https://stackblitz.com/edit/ashok-reddy?file=myform.tsx,package.json,file.tsx 当用户单击选择文件按钮上传文件时,按钮未打开以上传...

回答 1 投票 0

ReactJS 组件将 useMemo 等同于新参数

我下面有这段代码(在reactJS中)。基本上它是小部件的一部分,每次数据更新时,“GraphInfo 已更改:”和“GraphData 已更改:”意味着

回答 1 投票 0

反应本机标题按钮无法按预期工作

我是本地反应新手,并尝试了一些相同的代码 这个在线教程 根据教程,在 index.tsx 中我添加了此代码以在标题中显示一个按钮 使用效果(()=> { 导航。

回答 1 投票 0

正确提交表单数据后,如何在不刷新页面的情况下更新我的 React 组件?

我对 React 相当陌生,正在尝试一些东西,但遇到了这个问题。基本上我(目前)内存中的对象从服务器发送到前端,这只是一个数组......

回答 1 投票 0

如果父组件正在更新我们在子组件中使用的状态,我们可以停止重新渲染子组件吗?反应中?

下面是react的简单组件。 我们是否可以使用 ref 或任何其他内容进行修改,以便即使状态值从父组件发生变化,子组件也不会重新渲染,并且仍然子组件得到...

回答 1 投票 0

反应:“.map 不是函数”

我正在使用 Java Spring 作为后端构建我的第一个 React 应用程序。我在尝试从 API 获取数据并将其映射到 js 时遇到问题。它给了我错误 fireteam.map is not a func...

回答 1 投票 0

希望获得一些帮助来理解 useState 通用定义

在我正在做的 TS 课程中,他们介绍了 useState 泛型的定义,但它被略读了,我想更好地理解 函数 useState(初始状态:S | (() => S)...

回答 1 投票 0

类型错误:无法解构“jobs[value]”的属性“company”,因为它未定义

我正在使用 useEffect 和 useState 挂钩来获取数据并对其进行解构。但我每次都会收到这个错误。 这是代码。 从 'react' 导入 React, { useState, useEffect }; 导入 {

回答 2 投票 0

React hooks:将组件作为函数调用与作为元素渲染

假设我们有组件: 让 Component = (props)=>Hi; 我有时会遇到有人在渲染中将反应组件调用为函数的代码: 常量应用程序 = () => (...

回答 1 投票 0

无法在ReactJS中使用useParams提取id

在我的应用程序中,我正在尝试编辑一个任务,这需要完成任务 id,但由于某种原因,我的 id 没有使用 useParams 提取。下面是我的EditTask.jsx代码,地址ba...

回答 1 投票 0

状态数组变化时如何避免重新渲染?

从 'react' 导入 React, { useState, useEffect, useMemo }; 从 'axios' 导入 axios; 从'./ChatLog.jsx'导入{ChatLog}; 从“react-icons/go”导入 { GoArrowUp }; 导出功能

回答 1 投票 0

使用 React 从不同端点异步获取 API 数据的最佳实践?

我正在为工作中的一个项目学习React,目前在掌握异步模型方面确实遇到了困难。 这是我正在开发的组件: 常量客户 = () => { 常量 [

回答 1 投票 0

无法将`@uiw/react-codemirror`组件中的值传递给`useState`钩子

一个非常简单的例子: 从“反应”导入反应; 从'@uiw/react-codemirror'导入CodeMirror; 从 '@codemirror/lang-javascript' 导入 { javascript }; 导出默认函数 Test()...

回答 1 投票 0

如何使用“react-color-palette”手动重新分配颜色值?

我正在尝试将react-color-palette合并到我的页面中,我只是不确定如何在单击颜色选择器元素之外重新分配颜色值。我想要另一个功能或

回答 1 投票 0

React 中的钩子数组

我开始在 React 中使用钩子,但当我意识到我需要一组钩子来解决我的问题时,我陷入了困境。但根据 Hooks 规则 仅在顶层调用挂钩 我不是

回答 2 投票 0

无法在 React 中强制渲染上下文

我正在开发一个 React 应用程序,该应用程序具有复杂的多页面表单。表单的数据通过上下文进行管理,其中每个页面都有自己的一组状态变量。我面临的一项挑战是

回答 1 投票 0

反应音乐播放器

我想在网站上创建一个音乐播放器。想法是选择一首歌曲并自动播放。这首歌必须在所有页面上播放,我需要一个播放/暂停按钮。 我已经创建了所有组件...

回答 2 投票 0

useState 在第一个实例中不会更改布尔值

我制作了一个按钮,单击该按钮即可更改状态的值。 但第一次单击按钮时 的值不会改变。第一次点击后,该值确实开始变化...

回答 3 投票 0

如何使用 useRef 在 React TypeScript 中选择伪元素

我正在尝试在React打字稿中选择伪元素。 定义参考 const 标头 = useRef(null) 设置参考 但我确实... 我正在尝试在 React typescript 中选择伪元素。 定义参考 const header = useRef<HTMLDivElement>(null) 设置参考 <div className={classNames(style.header)} ref={header}> 但我不知道如何选择 header.current 的伪元素? 请帮我。 谢谢 在 React with TypeScript 中,直接通过 JavaScript 选择伪元素(如 ::before 或 ::after)是不可能的,因为伪元素不是 DOM 树的一部分。但是,您可以使用 CSS 操作伪元素。 你可以使用CSS变量,这是个好方法, .header::before { content: ''; background-color: var(--pseudo-bg-color, blue); /* other styles */ } 另一种解决方案正在反应中: import React, { useRef, useEffect } from 'react'; import classNames from 'classnames'; import style from './Style.module.css'; const YourComponent: React.FC = () => { const header = useRef<HTMLDivElement>(null); useEffect(() => { if (header.current) { header.current.style.setProperty('--pseudo-bg-color', 'red'); } }, []); return ( <div className={classNames(style.header)} ref={header}> Your content here </div> ); }; export default YourComponent; These approach allows you to dynamically control the styles of pseudo-elements in react. Just check..

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.