每次setState调用时，React都会重新渲染所有组件和子组件吗？

如果是这样，为什么？我以为这个想法是，当状态改变时，React只渲染所需的内容。

在下面的简单示例中，尽管onClick处理程序始终将设置state为相同的值，但是在随后的单击中状态不会改变，这两个类在单击文本时都再次呈现。

this.setState({'test':'me'});

我曾希望只有在state数据更改的情况下才会进行渲染。

这是示例代码，例如JS Fiddle和嵌入式代码段：

var TimeInChild = React.createClass({

    render: function() {

        var t = new Date().getTime();



        return (

            <p>Time in child:{t}</p>

        );

    }

});



var Main = React.createClass({

    onTest: function() {

        this.setState({'test':'me'});

    },



    render: function() {

        var currentTime = new Date().getTime();



        return (

            <div onClick={this.onTest}>

            <p>Time in main:{currentTime}</p>

            <p>Click me to update time</p>

            <TimeInChild/>

            </div>

        );

    }

});



ReactDOM.render(<Main/>, document.body);


<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react-dom.min.js"></script>


[1]: http://jsfiddle.net/fp2tncmb/2/