React: يشير المتغير إلى جديد لا يمكن أن يكون التاريخ () عنصرًا فرعيًا.

أنا أتبع مقتطف الشفرة من الكتاب React Quickly .
ولا يمكنني تشغيل الكود بعد تجميعه عبر بابل.
الكود الخاص بي مثل:

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 .

هل يمكنك المساعدة في الإجابة عن سبب حدوث خطأ؟
شكرا جزيلا لك!

هل ترغب في طلب _ ميزة _ أو الإبلاغ عن _ خطأ _؟

ما هو السلوك الحالي؟
رسالة الخطأ: Uncaught Invariant Violation: الكائنات غير صالحة كطفل تابع لـ React (تم العثور عليه: Mon Oct 17 2016 09:12:00 GMT + 0800 (CST)). إذا كنت تقصد تصيير مجموعة من العناصر الفرعية ، فاستخدم مصفوفة بدلاً من ذلك أو لف الكائن باستخدام createFragment (كائن) من إضافات React. تحقق من طريقة العرض DateTimeNow .

إذا كان السلوك الحالي عبارة عن خطأ ، فالرجاء تقديم خطوات إعادة الإنتاج وإذا أمكن عرضًا توضيحيًا بسيطًا للمشكلة عبر https://jsfiddle.net أو ما شابه (نموذج: https://jsfiddle.net/reactjs/69z2wepo/).

ما هو السلوك المتوقع؟
تعرض علامة الامتداد الوقت الحالي
ما إصدارات React وأي متصفح / نظام تشغيل متأثر بهذه المشكلة؟
رد فعل 15.3.2