react props传值的问题

Question

我在TabBar点击请求数据之后，要给<Thumbnail />组件用，但是<Thumbnail />这个组件貌似收不到数据，输出是{thumbnails: Array(0)}，和[object Object]更新后。
请问怎么通过 props 传给Thumbnail，然后再在Thumbnail 组件访问呢？

class Thumbnail extends React.Component {

constructor(props) {
    super(props);
    this.props = {
        thumbnails:[]
    };
    this.thumbnails = [];
    console.log(this.props);
};
componentWillReceiveProps(nextProps){
    this.setState({
        thumbnails:nextProps.thumbnails
    })
        console.log(this.props+"更新后");
}

render() {
    return (
        <div>
        
        </div>
        

Answer 1

props 是不可变的

class Thumbnail extends React.Component {

constructor(props) {
    super(props);
    this.state = {
        thumbnails:[]
    };
    console.log(this.props);
};
componentWillReceiveProps(nextProps){
    this.setState({
        thumbnails:nextProps.thumbnails
    })
        console.log(this.props+"更新后");
}

render() {
    return (
        <div>
        ...
        </div>
        )
}

<Thumbnail thumbnails={xxx} />