React Rails:对象作为 React 子项无效
React Rails: Objects are not valid as a react child
我正在使用 rails 5.1 和 react-rails gem.
我的模型有一个使用 "tod"(一天中的时间 gem)的 "start_time" 列,所以它在我的模型中是这样序列化的:
serialize :start_time, Tod::TimeOfDay
这次我需要在我的反应视图中解析,但我不明白如何渲染结果对象。
console.log(@props.booking.start_time) #=> Object {hour: 10, minute: 15, second: 0, second_of_day: 36900}
当我尝试在视图中呈现它时出现此错误:
Uncaught Error: Objects are not valid as a React child (found: object with keys {hour, minute, second, second_of_day}). 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.
我应该先解析模型中的属性,然后再将其发送给 React,还是有解析(和格式化)数组的 React 方法?
编辑:添加了视图代码
@Booking = React.createClass
render: ->
React.DOM.tr null,
React.DOM.td null, @props.booking.start_time
let time = @props.booking.start_time
let timeToDisplay = time["hour"] + ":" + time["minute"] + ":" + time["second"]
这样做并将该值传递给 td
。我认为它有效。
React.DOM.td null, timeToDisplay
我正在使用 rails 5.1 和 react-rails gem.
我的模型有一个使用 "tod"(一天中的时间 gem)的 "start_time" 列,所以它在我的模型中是这样序列化的:
serialize :start_time, Tod::TimeOfDay
这次我需要在我的反应视图中解析,但我不明白如何渲染结果对象。
console.log(@props.booking.start_time) #=> Object {hour: 10, minute: 15, second: 0, second_of_day: 36900}
当我尝试在视图中呈现它时出现此错误:
Uncaught Error: Objects are not valid as a React child (found: object with keys {hour, minute, second, second_of_day}). 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.
我应该先解析模型中的属性,然后再将其发送给 React,还是有解析(和格式化)数组的 React 方法?
编辑:添加了视图代码
@Booking = React.createClass
render: ->
React.DOM.tr null,
React.DOM.td null, @props.booking.start_time
let time = @props.booking.start_time
let timeToDisplay = time["hour"] + ":" + time["minute"] + ":" + time["second"]
这样做并将该值传递给 td
。我认为它有效。
React.DOM.td null, timeToDisplay