React: 변수가 new Date()를 참조하면 자식 요소가 될 수 없습니다.

React Quickly 책의 코드 스니펫을 따르고 있습니다.
그리고 babel을 통해 컴파일된 코드를 실행할 수 없습니다.
내 코드는 다음과 같습니다.

class DateTimeNow extends React.Component{
    render(){
        let dateTimeNow = new Date();
        return <span>Current date and time is {dateTimeNow}.</span>;
    }
}
ReactDOM.render(
    <DateTimeNow/>,
    document.getElementById('content')
);

브라우저에서 보고한 오류 메시지는 다음과 같습니다.
Uncaught Invariant Violation: Objects are not valid as a React child (found: Mon Oct 17 2016 09:12:00 GMT+0800 (CST)). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of DateTimeNow .

왜 오류가 발생하는지 답변을 도와 주시겠습니까?
매우 감사합니다!

_기능_을 요청하시겠습니까? 아니면 _버그_를 보고하시겠습니까?

현재 행동은 무엇입니까?
오류 메시지: 잡히지 않은 불변 위반: 개체가 React 자식으로 유효하지 않습니다(발견: Mon Oct 17 2016 09:12:00 GMT+0800 (CST)). 자식 컬렉션을 렌더링하려는 경우 대신 배열을 사용하거나 React 애드온에서 createFragment(object)를 사용하여 개체를 래핑합니다. DateTimeNow 의 렌더링 방법을 확인하십시오.

현재 동작이 버그인 경우 https://jsfiddle.net 또는 이와 유사한 방법(템플릿: https://jsfiddle.net/reactjs/69z2wepo/)을 통해 문제를 재현하고 가능한 경우 최소한의 데모를 제공하는 단계를 제공하세요.

예상되는 동작은 무엇입니까?
span 태그는 현재 시간을 표시합니다.
어떤 버전의 React와 어떤 브라우저/OS가 이 문제의 영향을 받나요?
반응 15.3.2