                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React16.4 快速上手

初学react、请教一下，为什么用函数的写法写组件props就会报错，用类写的组件就是可以的

//正确
class TodoItem extends React.Component{
        render(){
                return(
                    <div>{this.props.content}</div>
                )
        }
}
//错误(这个写法是现在版本脚手架示例里面的)
function TodoItem (){
 return(
                    <div>{this.props.content}</div>
                )

}

洛上千栀

2019-06-26

源自：React16.4 快速上手 3-1

关注问题我要回答

864

操作

收起

1 回答

正在进化的程序猿丶回答被采纳 +2 积分
2019-06-26

函数组件的props是用传入的参数来表示的。

function TodoItem(props) {

return (

<div>{props.content}</div>

)

}

4 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

React16.4 快速上手

参与学习 39720 人
解答问题 134 个

结合实例带你快速入门React16基础语法，并完成Todolist功能开发。

本课相似问答

3 回答老师，子组件onClick也可以这样写吧？

2 回答子组件可以直接更高父组件的数据吗

1 回答能够直接把父组件通过props 传给子组件使用么

1 回答求助！为什么我引入的组件报错？

1 回答父组件的return 没有()直接写组件，子组件return后面有() ,retrun(<div>......</div>) 。老师代码父组件的44行，子组件的第6行。

搜索更多本课相关问答

初学react、请教一下，为什么用函数的写法写组件props就会报错，用类写的组件就是可以的

我要回答关注问题

意见反馈帮助中心 APP下载