Javascript react-map方法-单独放置回调函数并发送参数

map方法采用我所理解的回调函数。 通常，您会将函数放在映射中：

const todoItems = todos.map((todo) =>
  <li key={todo.id}>
    {todo.text}
  </li>
);

以下是myFunction组件：

{ tabs.map( myFunction ) } 

const myFunction = (item) => {

    return(

        <Thing 
            key={item.value}
            label={item.label}
            value={item.value} 
        />
    );
}

也不是：

所以我不确定如何传递变量..并且仍然要传递“item”

解决方案是：

{ tabs.map((tab) => myFunction(tab, myvariable)) }

还要注意

const myFunction = (item) => {

    return(

        <Thing 
            key={item.value}
            label={item.label}
            value={item.value} 
        />
    );
}

constmyfunction=（项）=>{
返回(
);
}

可以重构为

const myFunction = (item) => (
        <Thing 
            key={item.value}
            label={item.label}
            value={item.value} 
        />
);

constmyfunction=（项）=>(
);

const myFunction = (item) => {

    return(

        <Thing 
            key={item.value}
            label={item.label}
            value={item.value} 
        />
    );
}

const myFunction = (item) => (
        <Thing 
            key={item.value}
            label={item.label}
            value={item.value} 
        />
);