Reactjs 警告:无效的DOM属性“class”。你是说“className”吗反应
我是新手。据我所知,只有当我使用“class”而不是“className”时,浏览器上才会出现以下错误。但是我已经搜索过了,在我的代码中没有“class”这个词。这个错误背后的原因是什么?我是不是遗漏了什么Reactjs 警告:无效的DOM属性“class”。你是说“className”吗反应,reactjs,react-native,Reactjs,React Native,我是新手。据我所知,只有当我使用“class”而不是“className”时,浏览器上才会出现以下错误。但是我已经搜索过了,在我的代码中没有“class”这个词。这个错误背后的原因是什么?我是不是遗漏了什么 render() { return ( <div style={{marginTop: 10}}> <h3>Create New Todo</h3> &
render() {
return (
<div style={{marginTop: 10}}>
<h3>Create New Todo</h3>
<form onSubmit={this.onSubmit}>
<div className="form-group">
<label>Description: </label>
<input type="text"
className="form-control"
value={this.state.todo_description}
onChange={this.onChangeTodoDescription}
/>
</div>
<div className="form-group">
<label>Responsible: </label>
<input
type="text"
className="form-control"
value={this.state.todo_responsible}
onChange={this.onChangeTodoResponsible}
/>
</div>
<div className="form-group">
<div className="form-check form-check-inline">
<input className="form-check-input"
type="radio"
name="priorityOptions"
id="priorityLow"
value="Low"
checked={this.state.todo_priority === 'Low'}
onChange={this.onChangeTodoPriority}
/>
<label className="form-check-label">Low</label>
</div>
<div className="form-check form-check-inline">
<input className="form-check-input"
type="radio"
name="priorityOptions"
id="priorityMedium"
value="Medium"
checked={this.state.todo_priority === 'Medium'}
onChange={this.onChangeTodoPriority}
/>
<label className="form-check-label">Medium</label>
</div>
<div className="form-check form-check-inline">
<input className="form-check-input"
type="radio"
name="priorityOptions"
id="priorityHigh"
value="High"
checked={this.state.todo_priority === 'High'}
onChange={this.onChangeTodoPriority}
/>
<label className="form-check-label">High</label>
</div>
</div>
<div className="form-group">
<input type="submit" value="Create Todo" className="btn btn-primary"/>
</div>
</form>
</div>
)
}
render(){
返回(
创建新的待办事项
说明:
负责人:
低
中等
高
)
}
这些是项目中的其他组件。我在他们身上找不到任何“类”
import React,{Component} from "react";
export default class EditTodo extends Component{
render() {
return(
<div>
<p>Welcome to Edit Todo Component!!</p>
</div>
)
}
}
import React,{Component}来自“React”;
导出默认类Editodo扩展组件{
render(){
返回(
欢迎编辑Todo组件
)
}
}
import React,{Component}来自“React”;
将默认类导出到DoList扩展组件{
render(){
返回(
欢迎使用Todos列表组件
)
}
}
我在App.js中使用了“class”而不是“className”。我把它解决了。谢谢我在App.js中使用了“class”而不是“className”。我把它解决了。谢谢可能它在另一个组件中,或者试图清除缓存,您也可以发送错误的图像吗?请不要将错误作为图像共享,而是以纯文本发布,以便将来可以搜索。100%您的错误来自另一个组件,该组件的属性“class”而不是className,这是reactjs使用的。可能它在另一个组件中,或者试图清除缓存,您也可以发送错误的图像吗?请不要将错误作为图像共享,而是以纯文本发布,以便将来可以搜索。100%您的错误来自另一个组件,该组件的属性“class”而不是reactjs使用的className。
import React,{Component} from "react";
export default class TodosList extends Component{
render() {
return(
<div>
<p>Welcome to Todos List Component!!</p>
</div>
)
}
}