React仅在键入时保存输入值状态，而不保存由API数据填充时的输入值状态

文章/答案/技术大牛

发布

3回答

jquery、reactjs

真的找不到我的代码出了什么问题。我已经设置了一个具有地址查找功能的表单。当提供邮政编码和门牌号时，地址查找与api一起工作，该api提供街道和城市。因此，街道字段和城市字段值由api填充。表单将输入字段中的所有值保存到推送到MongoDB的状态。由于某些原因，它不保存API提供的

浏览 22提问于2019-06-14得票数 0

1回答

android现代开发:我怎么能理解用户没有改变屏幕中的任何数据？

kotlin、android-jetpack-compose

我构建了一个片段，使用在屏幕和状态上添加视图，并使用视图模型类来保存状态。当我第一次导航到这个片段时，会调用fetch API，如果我对这个API有任何价值，我就用它们填充文本字段。API可能是空的，不返回任何值。用户可以在此文本字段上输入任何数据，也可以忽略这些数据，因为填充文本字段是可选的，当他/

浏览 2提问于2022-06-28得票数 0

1回答

资料UI自动完成:突出显示的选项应成为输入值

javascript、reactjs、material-ui

当用户使用键盘上的箭头键浏览选项时，我从突出显示的选项中获取值，并将其用作当前的输入值(这里的输入有自己的状态)。不幸的是，当将选项的标题或值保存为输入时，该选项的突出显示状态将丢失。：虽然这个财产听起来像是为它而造的，但includeI

浏览 16提问于2022-10-12得票数 2

回答已采纳

1回答

React -根据用户输入设置对象的状态

javascript、reactjs、ecmascript-6

我有一个应用程序接口，它返回一个对象，我将它作为'content'存储在我的组件状态中。我使用这个状态来预先填充一页输入字段。用户可以对这些输入进行更改，这反过来会改变我的状态。提交表单只是将这个新的content对象传递给一个保存API，该API会保存更改。一个简单的函数监听输入的onCh

浏览 0提问于2017-08-17得票数 0

1回答

为什么在firebase.auth().createUserWithEmailAndPassword()调用后useRef()钩子设置为null？

javascript、reactjs、google-cloud-firestore、firebase-authentication、use-ref

useRef()的用法如下：当我这样写的时候： const authUser = await Firebase.auth .createUserWithEmailAndPassword但这是有效的</e

浏览 0提问于2021-03-26得票数 1

2回答

如何过滤当前数据而不进行远程调用？-材料表(mbrn/ Material -table)

javascript、reactjs、material-ui、material-table

我正在使用带有列过滤和远程数据功能的。当我使用某个术语进行过滤时，该表使用query对象中的过滤条件对服务器进行API调用。我在这里的期望是，在输入筛选条件时，我希望表在当前页面上的当前数据集中进行搜索。我不希望该表发出额外的过滤调用。它应该只显示与该术语匹配的行。对如何实现这一点有什么建议吗？检查API控制台链接，查看每个过滤器文本都在调用。

浏览 2提问于2019-11-30得票数 0

1回答

react js在显示后从状态填写表单

javascript、reactjs

在我的react.js项目中，我使用的是Ant design，当表单显示时，我需要用状态中的值填充我的表单。考虑下面的代码沙箱：SANDBOX 这里我们有标题字段和状态中存储的标题的值的模式： formfields:{} 因此，当表单显示时，我需要用So

浏览 15提问于2020-01-26得票数 0

2回答

React Hook -仅在组件卸载时使用，而不是在依赖项更新时使用

reactjs、react-hooks

我正在尝试使用React Hooks构建一个输入组件，它命中远程服务器，以便仅在组件卸载时保存更新值。远程服务器调用的开销很大，因此我不希望每次输入更新时都访问服务器。当我在useEffect中使用清理钩子时，我需要将输入值包括在效果依赖数组中，这使得远程API调用在每次更新输入值时执行。如果我没有在效果依赖

浏览 15提问于2019-10-31得票数 6

回答已采纳

2回答

如何使用tab在路由页面之间存储输入值

reactjs、redux、react-router

我有一个反应应用程序，其中将包含数十个屏幕的管理面板。我决定在集成到react-router的选项卡中打开页面。当我更改当前页面并返回同一页面时，输入的所有内容都将消失。我还使用Redux将userContext和appContext传输到每个屏幕。Redux是否可用于存储每个输入或其他组件的

浏览 2提问于2018-06-01得票数 0

1回答

如何更新已经使用state预先设置的输入值

javascript、reactjs

我得到了这个对象数组，我将其设置为输入字段中的值。但是，我也希望能够更改这些输入。目前我无法在输入时更改输入，它停留在我设置的值上。我希望保留这些值，但也要键入另一个值。

浏览 0提问于2021-06-18得票数 0

1回答

如何在设置不同组件之前或之后共享Formik initialValues？

reactjs、formik

我很难理解Formik和它是如何管理状态的。我的应用程序中有多个组件，它们都有表单。这些表格有很多重叠的目的。当我在一个组件中获得值时，我希望其他组件也能够访问这些值。我考虑过对每个值都使用useState或useReducer，但是我已经读了一些，并发现Formik自己管理状态？因此，我在这里的问题是访问不同组件中某个组件中“initialValues”中的值？

浏览 0提问于2020-03-13得票数 2

2回答

React TypeScript 16.8如何从表单输入设置状态

reactjs、typescript、react-hooks

当组件加载时，默认状态显示在姓名和年龄输入中，这很好，但我希望能够在表单字段中键入姓名和年龄，目前我不能，如果我可以，我希望姓名和年龄输入的值可以更新到状态。同样，当我按下按钮时。最后，我觉得a应该为状态设置一个类型定义。我无法理解如何从表单输入中获取值并将其保存到状态。我不想使用占位符，因为值在用户开始键入时被删除。我不确定如何为状态

浏览 0提问于2019-07-20得票数 1

2回答

“真理的单一来源”是什么意思？

javascript、reactjs

在“受控部件”部分，有一句话： “真理的单一来源”是什么意思？

浏览 6提问于2017-11-08得票数 16

回答已采纳

2回答

如何处理对同构呈现形式的早期输入

forms、reactjs、isomorphic-javascript

我有一个React应用程序，它包括一个表单，它被呈现在服务器端，预先填充了用户正在进行的工作。问题是，如果用户在加载应用程序之前编辑表单中的值，那么应用程序就不知道这个更改。当用户保存时，服务器呈现的未更改的数据将被重新保存，用户的新数据将被删除，尽管它仍然显示在表单中。简而言之，在最初加载时，标记中的React</em

浏览 0提问于2015-07-05得票数 9

回答已采纳

1回答

在输入onChange卡住期间更改父状态的反应

javascript、reactjs

我正在构建一个巨大的表单，它由至少50个输入组成。我在表单组件中编写了一个函数，用于将输入值保存到表单状态：saveToState(details) { companyvalue: e.target.value /> </div>

浏览 21提问于2016-09-25得票数 1

回答已采纳

2回答

在不使用onChange的情况下响应文本表单字段

javascript、reactjs、react-native、architecture、dry

用户可以输入输入字段并查看他正在键入的内容。一个将我引向这个关于这个问题的更具体的问题(我希望你能看到它是如何关联的)。React

浏览 3提问于2018-12-21得票数 4

回答已采纳

1回答

我有一个动态表单，当用户开始在第一个表单TextInput上输入时，用户可以添加表单和删除表单，它会根据输入给出建议。现在的问题是，当用户开始在第一个TextInput字段上输入时，它会得到建议，但是当用户通过单击addForm按钮添加另一个表单时，当用户开始输入新表单时，它会得到建议，但在第一个表单中，它也会开始提供建议，如果有三种表单，它将开始为所有三种表单提供建议，如果用户开始以一种形式键入，我想说的是，如果用户键入任何形式，它就会在所有表单上提

浏览 2提问于2019-08-13得票数 1

2回答

将窗体数据作为窗体状态内的对象进行响应-重置无效

javascript、reactjs

我有一个具有名称和描述字段的React表单应用程序。表单数据使用Hooks保存在本地状态对象中： const [data,setData] = useState({name: '', description: ''})。<Form />元素使用<Field initialValue ={data.name} />创建输入并传递它们的值。在<Field /

浏览 1提问于2019-10-27得票数 0

回答已采纳

2回答

ReactJS -警告:组件正在更改要控制的文本类型的非受控输入

javascript、reactjs

submit" value="Update" className="btn btn-primary"/> </div> }在输入似乎总是一个非空值

浏览 1提问于2018-07-19得票数 8

2回答

使用动态props json对象更新状态

javascript、reactjs

我有一个组件，它从父组件接收props中的json对象，而填充json对象的API调用仅在父组件中进行。我的问题是如何在子组件中定义state来保存json对象prop的值。我将json对象存储在子组件中作为状态，因为它在子组件中是更新或取消更新的情况，所以我基本上像- dataCopy，dataOriginal一样声明，在取消更新时，我尝试将dataCopy更

浏览 67提问于2019-02-27得票数 1

点击加载更多