javascript - react cannot set property of props of undefined - Stack Overflow

admin管理员组

文章数量:1430644

I have a simple ponent like this

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

The somewhere I do <SearchList placeholder="Search Area" />

Why I got error of cannot set property of props of undefined?

I have a simple ponent like this

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

The somewhere I do <SearchList placeholder="Search Area" />

Why I got error of cannot set property of props of undefined?

• javascript
• reactjs

Share Improve this question Follow asked Mar 28, 2017 at 6:07 Alex YongAlex Yong 7,65588 gold badges2727 silver badges4242 bronze badges 1

• 2 remove () from export default class SearchList extends Component() – Ved Commented Mar 28, 2017 at 6:11

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

When you write a react ponent extending React.Component you don't need the extra () after React.Component

Use this

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

本文标签： javascriptreact cannot set property of props of undefinedStack Overflow