import React from 'react';
import {Jumbotron} from 'react-bootstrap';
import axios from 'axios';
import './App.css'
export default class Form extends React.Component{
state={
user:[],
firstname:'',
lastname:'',
}
handleChange = event => {
this.setState({firstname:event.target.value});
this.setState({lastname:event.target.value});
}
handleSubmit = event =>{
event.preventDefault();
axios.post('http://9795ca45.ngrok.io/api/Docs',{
fname:this.state.firstname,
lname:this.state.lastname
})
.then( res => {
console.log(res);
console.log(res.data);
})
.catch((error) =>{
alert(error);
})
}
componentDidMount(){
axios.get('http://9795ca45.ngrok.io/api/Docs')
.then(res =>{
const data=res.data;
const user = data.data;
this.setState({user});
})
.catch((error) =>{
alert(error);
})
}
render(){
return(
<div>
<Jumbotron>
<form onSubmit={this.handleSubmit}>
<label>
firstName:
<input type="text" name="firstname" onChange={this.handleChange} />
</label>
<label>
LastName:
<input type="text" name="lastname" onChange={this.handleChange} />
</label>
<button type="submit">add</button>
</form>
<h1> names </h1>
<ul> {this.state.user.map(person => <li> {person.lname}</li>)}</ul>
</Jumbotron>
</div>
)
}
}
我对reatjs非常陌生,我试图将数据发布到url,但收到RequestNotFound 500错误,我使用调试器看到了这一点
警告:数组或迭代器中的每个子级都应该有一个唯一的“键”道具。检查Form
的渲染方法。
请帮我摆脱这一切
我正在从url获取数据,但我无法发布数据
请检查它,并更正我的代码与解释
如文所述:
键帮助React识别已更改、添加或删除的项。键应该给数组内的元素,以给元素一个稳定的标识
您需要向正在地图内渲染的列表中添加一个键。您的代码应该如下所示:
<ul> {this.state.user.map(person => <li key={person.lname}> {person.lname}</li>)}</ul>
我建议将密钥设置为唯一的ID,而不是姓氏,因为它不是每个人都唯一的。
我完全糊涂了,因为我的控制台有错误,我阅读了reactjs文档和有关stackoverflow的所有提示,但我无法理解问题是什么。我看到了书的标题列表({item.volumeInfo.title}),但控制台有错误。 这是我的密码: 这是API响应的一部分: 我试着做下一个键: key={item.etag}, key={i}, key={item.volumenfo.title} 但错误仍然存
我收到3条警告: 警告:数组或迭代器中的每个子节点都应该在ModalBody的div(由ModalBody创建)中的表中具有唯一的key prop。 警告:数组或迭代器中的每个孩子都应该有一个唯一的"key"prop. in tr in thead in table 警告:数组或迭代器中的每个子节点都应该有一个唯一的"key"prop. in tr in tbody in table 我有一个函数
我对React JS组件中的关键道具有问题。 我正在得到 警告:数组或迭代器中的每个子级都应具有唯一的“键”属性。检查登录的呈现方法。从应用程序中传递了一个孩子。 控制台日志中的警告。应用程序组件如下: 我的登录组件如下: 我对React还是个新手,我不确定我应该像钥匙一样传递什么,在哪里传递? 使现代化 LoginForm组件: 路由文件: 主页组件
但这是错误的: 我不知道如何插入“钥匙”
在React(打字脚本)中,我得到: 警告:列表中的每个孩子都应该有一个唯一的“键”道具。检查MyCollection的渲染方法 这是: 这就是在父组件中调用它的方式: 如何获取唯一密钥以避免此警告?请注意,中的prop是中所有
我正在构建一个React APP来获取电影,并允许评论他们,还可以投票/率。用户可以对电影进行评论和投票。我所做的是制作一个标记,并使用创建用户可以选择的评分值。 这是代码的一部分: 在选项标记行上,我得到以下错误: 我不知道如何摆脱这一警告,我想有一些建议,也为什么我会得到这一点,以便我可以避免它在未来。 我的代码完全在这里:https://pastebin.com/qvReLYPy