Question

我有一个对象，该对象的数据具有键和值在模式中，我计划显示列表标记中对象的所有数据

在singleproductdetails中，我的对象具有键和值

                     {
                               Object.keys(singleproductdetails).forEach(function eachKey(key) {
                              return (
                                  console.log("hello", key, singleproductdetails[key])
                                 <li className="about-title"><label>{key} </label><span>:</span></li>
                                  <li><p>{singleproductdetails[key]} </p></li>


                                ) 

                              })
                            }

Answer 1

您似乎正在尝试在JSX中返回多个元素。尝试将li元素包装在React.Fragment

中

Object.keys(singleproductdetails).forEach(function eachKey(key) {
    return (
      <React.Fragment>
        <li className="about-title"><label>{key} </label><span>:</span></li>
        <li><p>{singleproductdetails[key]} </p></li>
      </React.Fragment>
    )
  }
)

Answer 2

我认为这可行，

Object.keys(this.props.dataDetail).map(function(detail, id) { return <span key={id}>{this.props.dataDetail[detail]}</span>; })

或

Object.keys(this.props.dataDetail).map(function(detail, id) { return ( <div> <span key={id}>{this.props.dataDetail[detail]}</span> <span key={id}>{this.props.dataDetail[detail]}</span> ... // many items </div> ); })

如何从对象键和值返回列表标签？

2 个答案: