react无法设置未定义props的属性

IT技术 javascript reactjs
2021-05-06 00:26:16

我有一个像这样的简单组件

import { Component } from 'react'

export default class SearchList extends Component(){
    constructor(props){
        super(props);
    }
    render(){
        const { placeholder } = this.props;
        return(
            <div className="searchList">
                <input type="text" placeholder={placeholder}/>
                <button>Search</button>
            </div>
        )
    }
}

我做的地方 <SearchList placeholder="Search Area" />

为什么我得到了无法设置未定义props属性的错误？

1个回答

当您编写扩展的react组件时，React.Component您不需要额外的()afterReact.Component

用这个

export default class SearchList extends Component{
    constructor(props){
        super(props);
    }
    render(){
        const { placeholder } = this.props;
        return(
            <div className="searchList">
                <input type="text" placeholder={placeholder}/>
                <button>Search</button>
            </div>
        )
    }
}
其它你可能感兴趣的问题
上一篇如何记录OctoPrint终端300多行？ 下一篇在两次打印之间将喷嘴保持在 160 °C 的温度下是否会影响打印件的粘度？