reactjs如何在map函数中调用方法

我不能让这么简单的事情奏效。 似乎解析器是一项很难理解其内部内容的工作

 {[1, 2, 3].map((file, idx) =>
                  this.r_test()
              )}

其中r_测试的定义如下：

  r_test = (idx) => {
    <div className="input-field">
      <label className="active">Titre</label>
    </div>
  }

编辑

人们给我的建议不起作用。在地图电话里打电话对我来说不管用。缺少的返回是一个输入错误，但仍然不能调用该方法。最糟糕的是，让解析器在方法+异步映射+其他方法中编写回调是一场噩梦。我最后做的是一个同步循环，在条目中包含一个数组，最后返回包含所有XML数据的数组

对于像我一样挣扎的人，我就是这么做的：

  r_aggregate = (qty) => {
    let elmt = []

    for (let i = 0; i < qty; i++) {
      elmt.push(this.r_title())
    }
   return elmt
  }

---

您需要从

r\u test

返回，现在您正在隐式返回

undefined

。试试这个：

r_test = (idx) => (
  <div className="input-field">
    <label className="active">Titre</label>
  </div>
)

r\u测试=（idx）=>(
乳头
)

---

注意，我将

{

替换为

（

在map函数中，隐式返回

 {[1, 2, 3].map((file, idx) =>    // implicit return since no `{}`
              this.r_test()
          )}

但是，您没有从r_测试返回任何内容

r_test = (idx) => {
    <div className="input-field">
      <label className="active">Titre</label>
    </div>
  }

r\u测试=（idx）=>{
乳头
}

你能做的就是

r_test = (idx) => {
   return  <div className="input-field">   // return explicitly
      <label className="active">Titre</label>
    </div>
  }

r\u测试=（idx）=>{
return//return显式返回
乳头
}

或

r\u测试=（idx）=>（//隐式返回
乳头
)

---

当您没有从

r\u test

返回任何内容时，您实际上是从map

返回

未定义的
，对于i..++循环+方法调用是什么意思为了避免异步调用。但我尝试了人们建议我的方法，但这不起作用。伙计…谢谢！我说的话看起来很愚蠢，但有时需要返回，有时根据上下文暗示返回。我尝试了所有方法，除了这个简单的返回语句。这些方法在render（）上返回xml内容调用，但不在映射范围内。再次感谢！啊，不：（…这在映射范围内不起作用。React解析器有太多奇怪的行为
 {[1, 2, 3].map((file, idx) =>    // implicit return since no `{}`
              this.r_test()
          )}

r_test = (idx) => {
    <div className="input-field">
      <label className="active">Titre</label>
    </div>
  }

r_test = (idx) => {
   return  <div className="input-field">   // return explicitly
      <label className="active">Titre</label>
    </div>
  }

r_test = (idx) => (      //implicit return
    <div className="input-field">
      <label className="active">Titre</label>
    </div>
  )