Reactjs 警告:无效的DOM属性“class”。你是说“className”吗反应

Reactjs 警告:无效的DOM属性“class”。你是说“className”吗反应,reactjs,react-native,Reactjs,React Native,我是新手。据我所知,只有当我使用“class”而不是“className”时,浏览器上才会出现以下错误。但是我已经搜索过了,在我的代码中没有“class”这个词。这个错误背后的原因是什么?我是不是遗漏了什么 render() { return ( <div style={{marginTop: 10}}> <h3>Create New Todo</h3> &

我是新手。据我所知,只有当我使用“class”而不是“className”时,浏览器上才会出现以下错误。但是我已经搜索过了,在我的代码中没有“class”这个词。这个错误背后的原因是什么?我是不是遗漏了什么

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>
        )
    }
}