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

如果是这样，为什么？我认为这个想法是 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>