Question

我的代码出了什么问题？找不到任何有意义的错误描述，卡住了20分钟。

    class HelloWidget extends React.Component {
      constructor(props) {
        super(props);        
      }

      renderResult(data){

         return(
           data.fruits.map(obj => 
           <select>
             <label>{obj.name}</label>
             <input type="checkbox" defaultChecked={obj.value} />
           </select>
           )
         )
      }

      render() {
        //assume data came from API
         cosnt data = {
            "fruits": [
            {"id":1,"name":"Durian","value":true},
            {"id":2,"name":"Banana","value":true},
            {"id":3,"name":"Mango","value":false}
          ]
         }

         return (<div>{this.renderResult(data)}</div>)
      }
    }

为调试https://jsfiddle.net/w9r6Lqvh/

创建了一个小提琴

Answer 1

您的代码中存在两个小问题：

错字：第28行cosnt - ＆gt; const
删除空格：第38行< HelloWidget / > - ＆gt; < HelloWidget />

更新小提琴： https://jsfiddle.net/w9r6Lqvh/1/

无法通过反应呈现复选框

1 个答案: