React, как это работает?

class News extends React.Component {
    state = {
        filteredNews: this.props.data,
    }
    componentWillReceiveProps(nextProps) {
        console.log({ nextProps })
        console.log({ oldProps: this.props })
    }
    renderNews = () => {
        const { filteredNews } = this.state // используем состояние
        let newsTemplate = null
        if (filteredNews.length) { // везде data заменена на filteredNews
            newsTemplate = filteredNews.map(function(item) {
                return <Article key={item.id} data={item} />
            })
        } else {
            newsTemplate = <p>К сожалению новостей нет</p>
        }
        return newsTemplate
    }
    render() {
        const { filteredNews } = this.state // аналогично, используем состояние
        return (
            <div className="news">
               {this.renderNews()}
               {filteredNews.length ? (
                   <strong className={'news__count'}>
                       Всего новостей: {filteredNews.length}
                   </strong>
               ) : null}
           </div>
       )
    }
}