为什么日期对象在有值时显示为空？

Question

我有一个名为 cur_traveller 的对象，它位于 TravellerModel 对象中。当我在passportdetails 组件的render 方法中编辑记录时，我已经在控制台中记录了整个cur_traveller 对象，并且就在下一行中，我已经记录了cur_traveller.passport_expiry_date。

这是控制台的链接

如您所见，traveler 对象具有名为passport_expiry_date 的属性，但是当我访问它时，它在控制台中显示为空。

这是我记录这些的渲染方法。

render() {

        let data = TravellerModel.cur_traveller

        console.log("Traveller Object", TravellerModel.cur_traveller)

        console.log("Passport Expiry date in Traveller Object", TravellerModel.cur_traveller.passport_expiry_date)

        let styles = Style.basic_details_styles

        return (

            <div style={styles.row}>

                <div style={styles.form_control}>

                    <div>

                        <TextField

                            inputProps={{

                                maxLength: 8

                            }}

                            disabled={TravellerModel.disabled('passport_number')}

                            label="Number"

                            value={data.passport_number ? data.passport_number : ""}

                            onChange={e => {

                                TravellerModel.handle_input("passport_number", e.target.value);

                                this.update()

                            }}

                        />

                        <div>

                        </div>

                        <Typography color="error" variant='caption'>

                            {TravellerModel.show_error('passport_number') ? PersonValidation.passport_number_errors(PersonValidation.passport_number().index) : null}

                        </Typography>

                    </div>

                </div>

有人能解释一下为什么即使我们可以在日志中看到一个值，我也会得到 null 吗？

Answer 1

new date(null) 被初始化为 01 Jan 1970.So 在你的情况下它给出 null 因为日期值是 null 的默认值。