javascript - 如何根据 props 在 React 中设置初始 useState 值-6ren

javascript - 如何根据 props 在 React 中设置初始 useState 值

转载作者：行者123 更新时间：2023-12-05 09:30:00

26

4

我目前将我的 active 状态设置为 0:

const [active, setActive] = useState(0);

但我想知道如果我的组件属性之一:isFilterMode 为真，我如何将初始值设置为 null？所以初始状态是基于 Prop 的“动态”？

最佳答案

像下面这样尝试

const [active, setActive] = useState(props.isFilterMode ? null : 0);

或者

使用回调函数(惰性初始化)

const [active, setActive] = useState(() => props.isFilterMode ? null : 0);

关于javascript - 如何根据 props 在 React 中设置初始 useState 值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/70018314/

26

4

0

文章推荐： python - PyCharm numpy - 对数组进行排序不起作用？

文章推荐： terraform - Pulumi 中的 Terraform 模块相当于什么

文章推荐： python - 如何在python中导入自定义模块

文章推荐： docker - 使用 gitlab-ci 构建多个 Docker 镜像

javascript - useState(function_name)、useState(function_name())、useState(()=>function_name()) 和 useState(()=>function_name) 之间有什么区别？
createHiveBackground 函数返回我要分配给状态的对象数组。稍后在我的应用程序中，我将使用 setHive 来更改数组的一些值。这些有什么区别？ const [hive, setHiv
reactjs - 为什么这么多程序员单独导入 `useState` ，而简单地使用 `React.useState` 也一样可行？
我很好奇为什么这么多程序员单独导入useState。 import React, { useState } from 'react'; const [foo, setFoo] = useState('
useState: setState behaving weirdly in StrictMode(UseState：setState在StrictMode中行为异常)
我已经设置了最基本的示例，即TODO列表当我第一次单击Done按钮时，它按预期工作：TODO项被标记为Done：True，并且“Fire”和“Setting”只触发一次。从那时起，我单击的任何按钮都会
useState: setState behaving weirdly in StrictMode(UseState：setState在StrictMode中行为异常)
我已经设置了最基本的示例，即TODO列表当我第一次单击Done按钮时，它按预期工作：TODO项被标记为Done：True，并且“Fire”和“Setting”只触发一次。从那时起，我单击的任何按钮都会
javascript - 如何在 useEffect 中使用 useState，访问组件挂载时更新的 useState 值？
我正在尝试构建一个可以或不能接收查询字符串的代码。如果它收到所有查询字符串，我想执行一个函数: // state for query const [query, setQuery] = use
javascript - 无法将 useState 与 typescript 一起使用(找不到名称 'useState' )
下面的代码有什么问题吗？使用 useState 时，我收到 typescript 警告 import * as React, { useState } from 'react' const useFo
Targeting one item in an Array ( React, useState)(以数组中的一项为目标(Reaction，useState))
我对此的反应是新的。我用每个开关元素创建了一个项目数组，问题是：当我单击一个项目时，所有项目都会同时激活！。我尝试了许多通过搜索找到的解决方案，但都不起作用。
Targeting one item in an Array ( React, useState)(以数组中的一项为目标(Reaction，useState))
我对此的反应是新的。我用每个开关元素创建了一个项目数组，问题是：当我单击一个项目时，所有项目都会同时激活！。我尝试了许多通过搜索找到的解决方案，但都不起作用。
javascript - "Cannot import useState because there is no useState export in react"(使用 React Hooks 的流程)
我希望我没有重复一个问题。我看过这个:TypeError dispatcher.useState is not a function when using React Hooks ，但是我的应用程序运
javascript - 我应该导入 useState 和 useEffect 还是可以使用 React.useState 和 React.useEffect ？
当对状态、效果、上下文等使用钩子(Hook)时，我这样做: import React, { useState, useEffect, useContext } from 'react'; 但是，我注意
javascript - 在 useState 使用 react 时出现错误 "TypeError: Cannot read properties of null (reading ' useState')"
所以我试图在我的 nextjs 应用程序中使用 useState，但是一旦我添加了代码行来初始化 useState，它就会抛出一个带有错误消息的弹出错误:TypeError: Cannot read
reactjs - UseState 仅在第二次点击时显示
我在单击表单提交按钮时使用 React useState 钩子(Hook)更新状态，直到第二次单击时状态才会更新。相信我需要使用 useEffect 但不确定如何使用 onClick 来实现。 con
javascript - 从子组件响应更改 UseState
是否可以从子组件内部更改 useState 的值？家长: const [state, setState] = useState(false); return setState(true)}/> c
reactjs - 立即更新 useState
useState 不会立即更新状态。我正在使用 react-select并且我需要根据请求的结果使用选择的 (multi) 选项加载组件。出于这个原因，我创建了状态 defaultOptions
javascript - UseState 总是显示以前的值
这个问题在这里已经有了答案: The useState set method is not reflecting a change immediately (15 个回答) 2年前关闭。这是所有新
reactjs - useState 函数在功能组件中不起作用
我想在触发正常函数 (handleConsultantChange) 后使用 useState 函数 (setFilterConsultantId) 更改状态 (filterConsultantId)
javascript - 在不插入另一个对象的情况下更新 useState
这是组件的完整代码，我累得想不出怎么解决这个问题 import React, { useEffect, useState } from 'react'; import { Link } from 'r
javascript - UseState 多个初始状态
我正在尝试初始化一个常量变量，它可以用作字符串或字符串数组，具体取决于我的组件正在接收的 Prop 。我正在尝试将其初始化为 const [selectedOptions, setSelecte
reactjs - useState 未按预期更新
我有两个组件，一个放在另一个里面。子组件打印父组件传递的状态，并使用 useEffect 更新一次状态。在父组件中，我使用 setState(具有 bool 值的对象)并将状态传递给所有子组件。父组
reactjs - useState hook中setStateVariable函数的实现细节
我们知道useState是FC中的一个hook，返回一个由两个元素组成的数组。第一个是状态变量，第二个是更新状态变量的函数。 const initialStateVariableValue = 0;

首页

博学

6Ren·AI

商城

javascript - 如何根据 props 在 React 中设置初始 useState 值