问题标签 [use-state]

我正在从数据库中获取详细信息并显示在页面上，我想创建一个编辑按钮，单击后可以以可编辑的形式打开该详细信息。在我的情况下，可编辑的表单是(EMPLOYEEFORM)。

您能否建议如何将 id 传递给编辑按钮，以便该按钮可以将数据带到编辑区域。

我有问题。对，我没有将 id 传递给 navlink，但它给了我错误，比如找不到具有此 id 的员工。我是reactjs 新手。我尝试传递 id 值，但它不能正常工作，我不太清楚将 id 传递到 navlink 或按钮。您能否建议一些直接代码或有价值的链接，我可以在哪里更新我的知识。

我在父组件中创建了一个 setter 函数并将其传递给它的子组件：

有问题的部分：

该函数嵌套在子函数的 map 函数中：

但这是跳过第一个条件？

任何人都可以帮助为什么会发生这种情况？

完整的父级和组件：

考虑以下 - 我有一个条件检查local storagea JSON object，如果它不存在，则将其设置在本地存储中：

设置正确：

但如果它确实存在，我想从本地存储中获取它并将其设置为我的状态useState：

日志返回：

我希望它是：

这是如何实现的？黑魔法欢迎...

我有一个用于在父组件中添加状态的 changeHandler：

这是所有代码：

但是我得到了这个而不是对象上的属性：

如何得到：

我已经在一个 React 应用程序中成功实现了 Beautiful DnD，其中可拖动的项目是 Material UI 扩展面板。我有使用 onDragEnd 并将新排序列表保存在状态中的项目列表。

我正在使用 React 钩子、useState、Material-UI 扩展面板和 React-Beautiful-DnD。

当应用程序的这一部分加载时，第一个扩展面板被展开，所有其他面板被折叠。

我一直在尝试的是如何关闭扩展面板 [onDragStart | onBeforeDragStart | onDragUpdate] 然后打开扩展面板 onDragEnd。

我已将每个扩展面板的状态以及其他信息存储在一个数组中，该数组循环并呈现每个扩展面板：{ name: string, expand: string, ... }

我认为这是一个状态没有更新到扩展面板没有接受更改的问题。

我尝试在项目上使用 snapshot.isDragging 来更改扩展面板的展开状态，甚至尝试针对特定的扩展面板，在状态列表中找到相应的项目并更新扩展的道具 onDragStart、onBeforeDragStart 和 onDragUpdate。到目前为止，这些都没有奏效。

这是处理 DnD 的组件的一部分

这是容纳扩展面板的组件：

我有一个<Day/>组件可以在一天中呈现一个充满时间的表格。

现在我有一个 handleChange 函数，<TableLayout/>它正在监听文本区域的变化。

标记：

我想将该信息从文本区域发送到组件，您可能已经注意到该道具TableLayout正在消耗：

我认为属于 useEffect 因为它会产生副作用：

无论如何，这个想法是当其中的那些局部变量/状态变化TableLayout被激发到Day......

Day's以及useEffect useState`中的代码essentially creates an JSON object in localstorage with its key based on the date if needed if not it pulls that key and object converts it to a JS object and puts it into the state using。

这是在 Day 中设置来自 Child 的状态的部分。

但是现在我可以在对象中添加一个按键，然后 UI 锁定：

那么如何使用钩子创建从子级到父级的有凝聚力的流程？

更新 我认为问题是我从 fetchCredentials() 函数的响应中填充的凭据数组没有被快速填充，因此数组变为空，因此长度不会发生变化，有没有办法等到数组被填充? 此外，如何使第一个 fetch 方法始终运行，但仅在提供的CredentialsArraySize 更改时才呈现 UI。此外，我正在使用平面列表来列出提供的凭据，那么 extraData 道具会帮助我吗？*

我在 useEffect() 和等待中有问题。每次提供的CredentialsArraySize 更改时，我都需要重新渲染代码，我尝试了一切，但似乎没有任何效果。我认为问题出在 fetchCredentials() 函数中的 await 中，因为我理解 await 应该让代码等到此方法完成并返回结果，然后 fetchOfferedCredentials() 应该在数组大小发生变化的地方执行，随后是 console.log() 但事实并非如此，console.log() 在开头打印并且不等待 fetch 和 await 完成。为了使问题更清楚， fetchCredentials() 作为结果返回一个凭据数组，接下来我检查 fetchOfferedCredentials() 函数，如果从第一个函数返回的数组包含任何处于“提供”状态的凭据，如果是这样，我需要重新渲染和打印它们。同样在 fetchOfferedCredentials() 内部，我需要在用户接受报价后删除其中一些凭据，因此我通过检查存储在包含 fetchCredentials() 方法结果的数组中的任何凭据的状态是否再次这样做更改为“已发布”，然后我从提供的数组中删除此提供的凭据，以便其大小再次更改，然后我还需要重新渲染。因此，总而言之，我需要一直运行 fetch，并且每当提供的凭据数组的大小发生变化时，我都需要重新渲染 UI，但我认为 await 中存在问题，有什么帮助吗？下面是代码。先感谢您。同样在 fetchOfferedCredentials() 内部，我需要在用户接受报价后删除其中一些凭据，因此我通过检查存储在包含 fetchCredentials() 方法结果的数组中的任何凭据的状态是否再次这样做更改为“已发布”，然后我从提供的数组中删除此提供的凭据，以便其大小再次更改，然后我还需要重新渲染。因此，总而言之，我需要一直运行 fetch，并且每当提供的凭据数组的大小发生变化时，我都需要重新渲染 UI，但我认为 await 中存在问题，有什么帮助吗？下面是代码。先感谢您。同样在 fetchOfferedCredentials() 内部，我需要在用户接受报价后删除其中一些凭据，因此我通过检查存储在包含 fetchCredentials() 方法结果的数组中的任何凭据的状态是否再次这样做更改为“已发布”，然后我从提供的数组中删除此提供的凭据，以便其大小再次更改，然后我还需要重新渲染。因此，总而言之，我需要一直运行 fetch，并且每当提供的凭据数组的大小发生变化时，我都需要重新渲染 UI，但我认为 await 中存在问题，有什么帮助吗？下面是代码。先感谢您。

当我单击按钮时，处理程序会运行，但需要再次单击才能将状态值实际推送到数组中：

这是我的总代码，我尝试过的中断：

所以我尝试过这样的事情，乍一看似乎是要走的路......但后来我得到：TypeError: e.persist is not a function

任何帮助，将不胜感激！

更新

这是我的代码的代码框的链接...

I'm new to react/hooks I'm having a bit of trouble getting my head around updating a search on an API based on a user input. I currently have an API that im hitting to get a table of stocks. I then draw this table. I have created some radio buttons that allow the user to click so that it can refine the search on the API. I am passing the value of the selected radio button back to the URL as industrySelection, what I am hoping for is that the table will update from this result but it doesn't do anything. Could someone please explain how to fix this and why?

我正在尝试构建一个搜索功能来显示与 searchTerm 匹配的项目。我得到的数据来自 API，我想过滤掉除 searchedTerm 项目之外的所有项目，初始 API 调用运行一次，使用 useEffect 和 [] 回调