React中的Map函数

可能

我有一些问题数据,我想打印它们的列表,在每个问题之前都应该有一个图标。根据问题类型,图标有三种类型。

我该怎么办?这样,我得到一个错误“期望分配或函数调用,而是看到一个表达式”。我试图以多种方式修复它,但没有任何效果:(

render() {
 const questions = questionsToChoose.map(q => {
      const icon = q => {
        if (q.isTrueFalse === true && q.isMultiple === false) {
          return 'a';
        }
        else if (q.isTrueFalse === true && q.isMultiple === true) {
          return 'b'
        }
        else if (q.isTrueFalse === false && q.isMultiple === false) {
          return 'c'
        }     
      };
      <div key={q.id}>
        <p>{icon} {q.content}</p>
      </div>
    });

   return(
    <div>{questions}</div>
   ) 
}
Shubham Khatri

图标被定义为一个函数,您需要对其进行调用。还将其移出渲染器也将改善性能

icon = q => {
  if (q.isTrueFalse === true && q.isMultiple === false) {
    return 'a';
  }
  else if (q.isTrueFalse === true && q.isMultiple === true) {
    return 'b'
  }
  else if (q.isTrueFalse === false && q.isMultiple === false) {
    return 'c'
  }     
};

render() {
 const questions = questionsToChoose.map(q => (

      <div key={q.id}>
        <p>{this.icon(q)} {q.content}</p>
      </div>
    ));

   return(
    <div>{questions}</div>
   ) 
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

react的map函数中的setState

来自分类Dev

在react中的array.map函数中重新调整值

来自分类Dev

TypeError:records.map不是React中的函数

来自分类Dev

React不会在map函数中渲染元素

来自分类Dev

Map函数不会在React JSX中返回项目

来自分类Dev

对map函数中特定的react元素执行操作

来自分类Dev

在 Map 函数中反应 Map 函数

来自分类Dev

我在TypeError中获取错误:records.map不是我的React应用程序中的函数

来自分类Dev

我在TypeError中获取错误:records.map不是我的React应用程序中的函数

来自分类Dev

Ruby Map函数在PHP中?

来自分类Dev

map不是reactJS中的函数

来自分类Dev

.map函数中的多个查询

来自分类Dev

map 不是列表中的函数

来自分类Dev

反应.map函数中的if语句

来自分类Dev

React Hooks-在map()函数中仅将className设置为一项

来自分类Dev

如何在react-redux中修复“ TypeError:this.props.messages.map不是函数”

来自分类Dev

.map函数未在React JS中呈现所有数据

来自分类Dev

无法将Active类添加到React Map函数中的组列表项

来自分类Dev

通过useState react将类添加到.map函数中的元素

来自分类Dev

从使用 react native 中的 map 函数渲染的组件的父级调用子方法

来自分类Dev

Map 函数在 React 组件中返回包含未定义元素的数组

来自分类Dev

在.map函数中使用react道具

来自分类Dev

React不会渲染Axios调用的map函数

来自分类Dev

map不是数组React上的函数

来自分类Dev

React Map函数不重新渲染

来自分类Dev

React中的Bing Map组件

来自分类Dev

React和Redux:用HTML标签包装React Map函数

来自分类Dev

在匿名函数中调用react函数

来自分类Dev

React - prop 函数中的 prop 函数

Related 相关文章

热门标签

归档