2回答
我目前正试图在ReactJS中创建一个登录表单(它没有任何后端，而是依赖于Users.js文件进行输入。
我的App.js看起来是这样的：
import React from 'react';
import myUser from './User'
import './App.css';
class App extends React.Component{
constructor(){
super()
this.state={userName:"",password:"",message:false}
浏览 5提问于2020-07-28得票数 0
回答已采纳
我一直在做一个项目，基本上我有多个div联系一个学生的信息和按钮来编辑数据库中的某些字段。使用下面的代码，我单击了一个按钮下的学生的信息和表格出现在每个学生。我只想在我想要编辑的学生下面出现一个表单。我该怎么做？切换功能正在工作，但就像我说的，表单出现在每个学生的下面。如何使表单显示在我选择的学生下面？
它的出现方式如下：
儿童姓名:无名氏
-more信息在这里-
Button1 Button3
儿童姓名: Ellie Smith
-more信息在这里-
Button1 Button3
所以..。
我想要发生的是:如果我单击Ellie下面的Button 1，一个表单应该以她的名字出现如下：
儿
浏览 0提问于2018-03-04得票数 1
回答已采纳
this.state.counter.map不是一个函数，我需要添加对象和映射到计数器，我需要创建并推送到计数器数组，映射到计数器和显示在这个浏览器中，怎么做呢？
import React, { Component } from 'react';
import Counter from './counter';
class Counters extends Component {
state = {
counter: [
{value:0, id:1},
{value:0, id:2},
{value:0, i
浏览 2提问于2020-09-06得票数 1
回答已采纳
3回答
我目前正在开发一个天气应用程序，根据一天中的时间和天气描述来改变背景。我创建了一个处理页面背景样式的状态。
class App extends React.Component {
constructor() {
super();
this.state = {
city: undefined,
country: undefined,
localtime: undefined,
timezone: undefined,
temperature: undefined,
precip: undefined,
浏览 9提问于2019-09-22得票数 2
回答已采纳
在运行编辑函数并成功更新数据库之后，我很难弄清楚如何使用数据库中的新数据更新组件。
我试过做this.forceUpdate()，但这不起作用。我听说过使用this.setState()，但是我不知道如何用数据库更新它，因为我的教室状态是一个JSON数组。
我已经思考了很长时间和谷歌-努力了几天，没有任何运气，因此，任何建议或帮助，对此问题将不胜感激。
我正在使用MySQL作为我的数据库。我不知道这是否重要。
App.js
import React, { Component } from 'react';
import './App.css';
class A
浏览 0提问于2018-03-14得票数 3
回答已采纳
this.state = {foo : [{x:20,y:40},{x:55,y:10},{x:8,y:90},{x:0,y:150}]};//state
this.state.foo[2].x = 80;//change state
我需要更新x属性中foo的索引2。而是和setState一起。我怎么能做到这一点？
浏览 0提问于2018-10-02得票数 4
我正在和socket.io和react一起工作。我在componentDidMount()中设置了侦听器，但不知何故，setState()函数并没有触发更新。当我记录data时，我可以看到从服务器发送的数据。下面是我的代码： this.state = {
list: []
};
public componentDidMount() {
this.socket = io('https://mybackendurl.com');
this.socket.on('an-event', data => {
console.l
浏览 16提问于2020-01-17得票数 0
如何让下面的API在列表中显示JSON中的每个date和rate？我已经浏览了JSON，从我可以看到的情况来看，我已经正确地映射了它，但是{this.state.calendarDay}在控制台中没有定义，导致.map未定义。
我遗漏了什么？
import React, { Component } from 'react';
class Rates extends Component {
constructor(props) {
super(props);
this.state = {
fetched: fals
浏览 1提问于2018-06-26得票数 2
回答已采纳
2回答
下面有一个代码片段，我不太确定它是否正确完成。
下面是我的代码块：
onChangeMethod(event) {
this.setState(prevState => ({
list: [...prevState.list, event.value]
}));
}
我看到了另一个例子，和我在这里修改了我的代码。可以这样做吗？也就是说，我可以将传递给onChangeMethod()的事件的值直接用于setState()中声明的函数中吗？
onChangeMethod(event) {
this.setState((state, event.valu
浏览 0提问于2018-11-09得票数 0
回答已采纳
因此，我已经在这方面工作了一段时间，我觉得最好重构我的代码，以便将状态设置为对象数组。我想要做的是在点击按钮时递增一个数字。
我在一个组件中有一个回调函数，它触发了一个函数来更新state...however，但是我很难将对象中的键值作为目标。
我的初始状态如下所示：
getInitialState: function() {
return {
items: [
{
links: 'zest',
trackId: 1023,
songTitle: 'z know the ot
浏览 2提问于2016-02-03得票数 13
回答已采纳
菜鸟反应问题在这里显示隐藏功能。
我有一个“show”状态，我将其设置为false：
this.state = {
show: false,
};
然后，我使用以下函数来切换
toggleDiv = () => {
const { show } = this.state;
this.setState({ show : !show })
}
我的显示器是
{this.state.show && <xxxxxx> }
这一切都运行得很好。然而，我希望将函数it应用于多个情况(类似于acc
浏览 1提问于2018-12-15得票数 0
1回答
我试着做了一个小程序，它有一个输入字段，你可以在其中插入文本。然后，当您单击保存时，它将保存文本并向您显示以下内容。我的问题是，最初在我点击“保存”后，文本并没有显示出来，但只有当我在点击“保存”后对输入字段进行了另一次更改时才显示出来。在saveValue中添加this.setState({inputText: ' '})后，它开始工作了，但我不太确定为什么。 import React, {Component} from 'react'
import './App.css';
import picture from './pictur
浏览 21提问于2021-02-02得票数 2
回答已采纳
3回答
我只是尝试将动态创建的json附加到位于state内部的array中。到目前为止，我发现的唯一方法是使用concat，因为推送不起作用。
constructor() {
super()
this.state = {
list: []
}
this.add = this.add.bind(this)
}
add(e) {
e.preventDefault()
var task = document.getElementById('task
浏览 1提问于2015-12-21得票数 2
回答已采纳
我有一个组件，是公司地址。每个地址都是一个对象，它由两个字段地址和metro组成。(，我去掉了一些声明道具和状态的代码，因为这与无关)
class CompanyAddress extends React.Component<Props, State> {
constructor(props:Props) {
super(props);
this.state = {address:''}
}
changeAddress = (text:string) => {
this.setState
浏览 1提问于2020-06-02得票数 0
回答已采纳
我试图连接在文本字段中输入的数据，使用支持从另一个无状态组件传递数据。不知道为什么不起作用。
我创建了两个组件
app.js 2.输入字段中的title.js数据每次都需要连接字符串，并使用道具动态显示。
App.js
导入React，{ Component }从'react'；从‘./logo.svg’导入徽标；导入'./App.css'；从‘./ Home’导入主页；从‘./ Title’导入标题；类App扩展组件{构造函数(Props){ super(props)；this.state ={ text：‘'，集合：[] } this.event
浏览 1提问于2018-11-28得票数 3
我的目标是根据各自的id来切换开关，但是我不能切换开关。
我试过这样做：
<Switch
checked={data.isShow}
onChange={this.handleChange}
color="primary"
name={data.isShow ? "On" : "Off"}
inputProps={{ "aria-label"
浏览 0提问于2020-09-23得票数 0
我有一个位于this.state.points的点数组。我有一个updatePoint()函数，用于更新此数组中的各个点。我以为使用.slice()会让我的状态保持不变，直到我调用setState，但是当我在设置pointsi值之后执行console.log this.state.points时，我发现它已经更新了。如何防止在调用setState之前更新我的状态？
updatePoint(i, point) {
console.log('updatePoint '+i)
let points = this.state.points.slice()
poi
浏览 0提问于2018-01-13得票数 0
1回答
我有一个三个下拉的国家，州，任务与一些值填充的数组和搜索按钮，这是基于下拉选择的工作。当我第一次从任务下拉菜单=“验证”中选择一个值时，网格(一个值数组)在handlesubmit事件上被过滤，但是当我从任务下拉菜单="add“中重新选择另一个值时，网格只从先前过滤的列表中查找，而不返回任何记录 我想我无法在搜索按钮的每次提交时重置数组(handlesubmit是我所调用的按钮点击的事件)。下面是我需要将搜索任务重置为initiatetasks的代码： class Initiate extends Component {
constructor(props) {
浏览 12提问于2019-03-17得票数 0
我希望使用setState函数在数组中添加对象。我的初始变量如下：
columns1: [
{
title: "Sr. No.",
render(text, record, index) {
return {
children: <div> {index + 1}</div>,
};
},
},
{
title: "Account ID"
浏览 3提问于2022-02-08得票数 0
回答已采纳
1回答
我在写代码的时候遇到了一些JSX的问题。
如何在.map()方法中计算索引？
我只需要获取代码中的前5个标题，我使用axios模块从数据库中获取数据，并且我只需要获取我所在州的前5个标题。
import React, {Component} from "react"
import UserUtils from "./UserUtils"
class Ex6_2Comp extends Component
{
constructor()
{
super()
this.state = {userid : "&#
浏览 0提问于2020-11-25得票数 0
2回答
我有一个问题，我不能修复useState的反应。我试图对电影和分页提出API请求，但我的状态之一是undefined，我真的不明白为什么。我的组件是功能组件。
这是我的useState：
const [state, setState] = useState({
films: [],
page: 1,
genres: [],
currentCategory: ""
})
下面是我的API请求：
const getFilms = () => {
Axios.get(`${baseUrlDiscover}&page=${sta
浏览 5提问于2020-06-19得票数 1
回答已采纳
4回答
因此，我一直在我的React JS组件中放置以下代码，我基本上是试图将这两个API调用放在一个名为vehicles的状态中，但我收到了以下代码的错误： componentWillMount() {
// Make a request for vehicle data
axios.all([
axios.get('/api/seat/models'),
axios.get('/api/volkswagen/models')
])
.then(axios.spread(function (seat, vo
浏览 27提问于2016-07-22得票数 14
回答已采纳
我正在编写一个reactjs聊天客户端，并在文档中看到了。
永远不要直接变异this.state，因为调用setState()之后可能会替换您所做的突变。对待this.state就好像它是不可变的。
setState()不会立即改变this.state，而是创建一个挂起的状态转换。调用此方法后访问this.state可能会返回现有值。
对setState的调用不能保证同步操作，为了提高性能，调用可以批处理。
除非在setState()中实现了条件呈现逻辑，否则shouldComponentUpdate()总是会触发重呈现。如果正在使用可变对象，并且不能在shouldComponentUpda
浏览 2提问于2016-06-14得票数 2
回答已采纳
我正在使用本教程使用Firebase在我的ReactJS应用程序中实现用户身份验证：
以前我得到的长度是未定义的，这是由于取消了初始化firebase时对应用程序长度的检查而解决的。然而，现在我得到的firebase.initializeApp不是一个函数错误。
我发现的唯一其他类似的错误是在nodeJS中，但是解决方案只是一个错误。
我已经删除了访问firebase提供的方法的所有多余步骤，现在只使用那些直接从firebase获得的方法。(见post的版本历史。)
我当前设置的代码如下：
Register.js
import React, { PropTypes, Component
浏览 0提问于2018-04-05得票数 0
回答已采纳
1回答
我试图用双输入更新表单，每次用户单击'add‘按钮，并使用他们的值更改状态&我希望这2个输入是“连接”的。如果我用图形展示我想要做的事情，那就更容易理解了：
[input] [second input] [remove button]
[input] [second input] [remove button]
[input] [second input] [remove button] ...
当我只动态地生成一个输入时，会容易得多，目前我甚至没有完整的代码，因为我不知道该如何做，但我有一些部分，如下所示：
国家：
stuff: {
item: [
浏览 0提问于2019-03-30得票数 0
回答已采纳
我正在尝试理解这个函数，它用于react拖放可排序列表。
moveCard = (dragIndex, hoverIndex) => {
const { cards } = this.state
const dragCard = cards[dragIndex]
this.setState(
update(this.state, {
cards: {
$splice: [[dragIndex, 1], [hoverIndex, 0, dragCard]],
},
}),
)
}
浏览 1提问于2018-06-25得票数 2
我的项目是，一个对象数组，其中我只获取名称并在3中的Form3屏幕上呈现，使用按钮next和previous更改名称，并可以过滤字母。
我想添加一个新值，在输入时键入，然后在按钮add中单击。
我的代码按钮：
addItem = () => {
const inValue = {
id: 0,
name: this.state.input
}
this.setState({
filtered: this.state.filtered.concat(inValue),
currentPage: 0
})
}
我希望将值插入到filte
浏览 0提问于2018-04-12得票数 3
3回答
如何在reactjs中控制循环？我只希望如果label或Group相等，它将不会显示 generateAvailableOptions(data){
const availableGroups = [];
data.map(function(food){
availableGroups.push({
label: food.Group,
options: [
{ value: 'canAdd'+food.groupsid, label: fo
浏览 36提问于2021-07-24得票数 2
回答已采纳
1回答
我有一个关于如何实现回调函数的问题。在我的例子中，我有一个具有此结构的React应用程序： app > Child > Button组件
问题是我不知道如何从Button编写回调函数到
在单击button组件中的按钮后，我想更新“子”中的值(例如: inputFromButton)。将触发handleClick()，并将一个值发送给子组件。有人能帮我做这个吗？
下面是我的代码：应用程序组件
import React from 'react';
import Child from './Child';
class App extends React.
浏览 1提问于2022-05-18得票数 1
回答已采纳
这可能是一个非常新鲜的问题，但我不知道如何将哪些参数传递给函数。让我告诉你我的意思：
构造函数中有以下代码：
this.handleFormInput = this.handleFormInput.bind(this);
然后：
handleFormInput(event) {
console.log('event' + event.target.name);
this.setState({
[event.target.name]: event.target.value
})
}
最后是表格：
<Form>
浏览 2提问于2019-06-01得票数 2
回答已采纳
下面的代码显示用户信息，然后在消息提交时播放声音，并且一切正常。
现在，我的任务是向消息表单输入中添加一个类型通知事件，如下所示
onKeyDown={(event) => this.onKeyPressed(event)}
因此，表单输入变成
<input type="text" onKeyDown={(event) => this.onKeyPressed(event)} placeholder="Message" value={this.state.message} onChange={ev => this.setState({me
浏览 2提问于2019-03-05得票数 0
回答已采纳
我已经定义了一个数组如下
constructor() {
super();
this.state = {
resultingName : []
};
}
之后，我执行所有的操作，获取响应，然后推送到一个临时数组。
let tmpArray = [];
for (var i = 0; i < response.data.names.length; i++) {
tmpArray.push(response.data.names[i]);
}
现在，数据出现在tmpArray中。
如何将其分配给初始的resultin
浏览 1提问于2019-09-17得票数 0
回答已采纳
2回答
这是新手的反应。
我正在尝试匹配位于我的状态中的特定id的值，因此在通过api更新数据库之前，我可以更改一些值。
国家是
state = {
library: []
}
然后，当axios改变状态时，数组看起来如下所示：
0:{_id:"", time:"", value:""},
2:{_id:"", time:"", value:""}
当我运行console.log时，它是这样读的。
(2) [{…}, {…}]0: {_id: "5c82803ad634ea0bebfb3eff
浏览 0提问于2019-03-09得票数 1
回答已采纳
我正在进行数组排序。为此，我在状态中存储了两个变量，一个用于更改数组，第二个用于默认的数组，以便我可以返回原始数组。然而，当改变时，两个数组都会改变。我该如何解决这个问题呢？有没有可能设置某种常量？有什么建议？我需要this.state.messagesDefault是常量。 class Messages extends Component {
state = {
messages: [],
messagesDefault: []
};
componentDidMount() {
this.props.getMessages();
}
com
浏览 20提问于2019-05-23得票数 0
回答已采纳
我试图用一个currentTodo和一个pastTodos数组构建一个简单的Todo应用程序。
我无法使用这里的代码将currentTodo推到pastTodo。
handleClick(e) {
e.preventDefault();
let pastTodos = this.state.pastTodos;
pastTodos.push(this.state.currentTodo);
this.setState({ pastTodos: pastTodos, currentTodo: "" });
}
只有改变这一行才能做到
let
浏览 4提问于2022-07-13得票数 0
回答已采纳
DB.users.get_all(function(response){
this.setState(result: response); // not required
return response // required but not working for react-native-db-model
});
我可以从这个方法返回响应吗？我使用的是react本机db-模型，而不是在setState()方法中设置响应。如有任何其他建议，将不胜感激。
提前谢谢。
浏览 2提问于2016-07-27得票数 1
回答已采纳
我有一个textBox，它允许我输入建筑名称，在我点击'Add Building‘按钮后，它将这个值传递给下一个page.So，在下面的屏幕快照中，'AbsBuildingOne’和'AbsBuildingTwo‘值来自textBox input.So，目前我能够将一个值从textBox传递到下一页，但是我无法理解是否想进入第二个建筑物，如何在这个页面中保存上一个值并在它下面添加第二个值。我想我必须用数组来完成它，但是我无法弄清楚如何进行。
当前，我的代码看起来如下所示，用于传递单个值。我添加了一个状态：
this.state = {
浏览 1提问于2018-12-14得票数 2
1回答
我尝试在React.js中查询一个以上的Dynamo数据库。我尝试在不同的类中定义这两个组件，并将它们导入，但都不起作用，然后我尝试在同一个类中定义这两个组件，这给出了错误 TypeError: this.state.patients2 is undefined 以下是我的组件 state = { patients2: [] }
async componentDidMount() {
try {
const apiData = await API.graphql(graphqlOperation(listPatients2))
const patien
浏览 28提问于2019-03-15得票数 0
回答已采纳
我的状态是这样的：
state={a:0,b:0,c:0}
我正在尝试编写一个接受参数'value‘的eventHandler函数，这样我就可以将相同的函数传递给几个将基于所提供的参数的setState按钮。
eventHandler =(value)=>{
this.setState({value:this.state.value+1})
}
<button onClick={this.eventHandler.bind(this,'a')}><button/>
<button onClick={this.eventHandler
浏览 1提问于2018-06-16得票数 0
回答已采纳
2回答
下面的代码没有像我预期的那样运行，为什么console.log() (在//处)会受到后面的代码的影响？如果我使用注释过的代码运行下面的代码，则顶部日志的结果将发生变化。相反，在没有注释代码的情况下运行它，这样它就不会改变。
有关下面代码的更多信息，next.shape返回如下所示的双数组：
[0,0,0,0],
[0,0,0,0],
[0,0,1,0],
[1,1,1,0]
state.array也是一个对象的双数组，约为20x10。(正如你可能猜到的，我正试图建造俄罗斯方块)。我试图将上面数组中的形状复制到this.state.array中，因此我创建了一个tempField数组，以便编辑
浏览 7提问于2020-07-19得票数 0
回答已采纳
1回答
我是一个学习reactjs的初学者，我正在制作一个小应用程序，它只用于写帖子，我想为每个帖子做一个相似的按钮和计数器，我试着用state来实现它，但是它对所有的帖子都使用相同的计数器--这里的MyPosts.jsx文件
import React from 'react'
export default (props) => {
let likes=0;
return <div className="Post">
<h4>{props.post} </h4>
<p>{props.like}</p&
浏览 0提问于2018-11-09得票数 0
回答已采纳
2回答
我从这个例子中学到了这一切。
所以我不能接受任何荣誉。然而，这个页面工作得很好。我正试着把它改造成一个React Video Player页面。
我的代码如下(摘自Axios Post)：
if (response.status == 200) {
console.log("Login successfull");
var videoPlayer = [];
this.setState( {isLoggedIn : true });
videoPl
浏览 2提问于2018-05-05得票数 0
2回答
我正在编写用于练习的Snake游戏应用程序。
我有一个changeDirection函数，它根据箭头单击将适当的方向设置为状态：
changeDirection = event => {
const { direction } = this.state;
const keyPressed = event.keyCode;
if (keyPressed === keyCodes.LEFT_KEY && direction !== "right") {
this.setState({ direction: "left"
浏览 1提问于2019-03-14得票数 0
我正在使用React，并且我想知道两次调用setState()来设置两个不同的状态变量之间的区别：
this.setState({fruit1: “apple”});
this.setState({fruit2: “mango”});
和
调用setState()一次，并将两个状态变量作为JSON传递，如下所示：
this.setState({fruit1: “apple”, fruit2: “mango”});
另外，更好的做法是:将状态变量名放在双引号中，比如：this.setState({"fruit1": “apple”})或简单地忽略引号？
浏览 3提问于2015-05-11得票数 2
回答已采纳
1回答
我有这个函数： setNotActiveWalletsList = () => {
const { GetAccounts } = this.props;
let shallowCopyOfWalletsArray = [...GetAccounts]
const notActive = shallowCopyOfWalletsArray.filter(user => user.active !== true);
let newArr = notActive.map(item => {
return decryp
浏览 9提问于2021-03-11得票数 2
回答已采纳
工作代码：https://codesandbox.io/s/proud-snowflake-d2054?file=/src/App.js 我有一个嵌套的数组，我想读取表中输入的值，我还可以选择添加新的文本字段。我想知道如何将onchange函数和值赋给这些文本字段。 ? 另外，如何丢弃文本字段旁边的删除按钮上的值。 因为它是一个嵌套数组，所以很难更新setState上的值。
浏览 19提问于2021-07-01得票数 2
我有组件收件箱和复选框.但它适用于第三次点击..。不适用于第一次和第二次单击.setState工作得很完美，但是它不会在setState之后重新呈现
class Inbox extends PureComponent {
constructor(props){
this.state = {
checked: [true]
}
}
updateCheck(i, convId) {
const state = this.state.checked
state[i] = !state[i]
this.setState(state)
浏览 0提问于2018-05-01得票数 1
回答已采纳
如何使用setState更改处于react状态的数组中对象的值？
我的反应状态：
this.state = {
serviceFees: [
{
periodFrom: new Date(),
periodTo: new Date(new Date().getTime() + 24 * 60 * 60 * 1000),
serviceFeeType: 'percentage',
serviceFee: '',
refundableStatus: 're
浏览 4提问于2019-07-28得票数 0
我正在尝试更新一个数组的索引内的反应状态。问题是我不能使用setState()方法访问数组的索引。
我的代码如下所示：
handleLike(post) {
axios.get(`/likes/${post}`)
.then(response => {
this.state.posts.forEach((entry, index) => {
if (entry.id === post) {
this.setState({po
浏览 2提问于2019-04-27得票数 1
回答已采纳
我和ReactJS一起工作，遇到了一个问题。在从axios获取response.data之后，我多次使用了response.data，以便将所有必要的数据设置为我的状态。但是，问题是，我希望等待所有的setStates完成，然后再转到下一行代码。我不知道如何做到这一点，因为我知道setState接受第二个回调函数，但这只适用于单个setState。我试着寻找承诺，但我不知道如何正确地实现这一承诺。
这是我的代码：
axiosInstance.get(`/customer-converted/?group=department&metric=${metric}&start=${s
浏览 4提问于2020-06-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
