如何获取按钮的索引

时间:2018-02-14 14:24:07

标签: javascript reactjs react-native

我曾经通过循环来制作一堆按钮。 title []有很多价值。

export const renderButtons1 = (numOfBtns,title,navigate) => {
    const views1 = [];  
    for ( var i = 0; i < numOfBtns; i++) {
            views1.push(
            <Button 
                 key={i}         
                 title = {title[i]}
                 onPress={() => navigate('List', { 
                     Title : title[i]
                })}
                 color="#841584"
             />);


      }

    return views1;
}

在EventListscreen中,标题:title [i]不起作用,我的值无法识别

我要问的是当我点击第一个按钮时,将检索索引0。

我以为我可以使用按键,但它不是固定值 - 当我第一次点击第一个按钮时,第二次,它是不同的..

1 个答案:

答案 0 :(得分:0)

我找到了路, 你们需要制作按钮的功能

所以它看起来像这样

export const makingbutton = (i,ttl,navigate) => {
  return   <Button 
             key={i}         
             title = {ttl[i]}
             onPress={() => navigate('List', { 
                 Title : title[i]
            })}
             color="#841584"
         />


}

export const renderButtons1 = (numOfBtns,title,navigate) => {
const views1 = [];  
for ( var i = 0; i < numOfBtns; i++) {
        views1.push(
          makingbutton(i,title,navigate)
      );


  }

return views1;
}