RN手势处理程序可切换问题，超过了最大调用堆栈大小

Question

我无法使Swipeable组件与按钮一起工作。它似乎调用了all按钮来呈现我在其中一个按钮上单击的所有操作。知道这里出了什么问题吗？谢谢

import { RectButton, Swipeable } from 'react-native-gesture-handler';
....
cars.map((car: any, index: number) => {
if(car.is_cancellable) {
return(
<Swipeable
key={index}
renderRightActions={() => {
return(
<RectButton style={styles.swipeable} onPress={() => cancelOrder(car.uuid)}>
<Feather style={styles.icon} name="trash-2" size={32} color="white" />
</RectButton>
)
}}
rightThreshold={-300}
key={order.uuid}>
<TouchableOpacity onPress={() => selectOrder(car)}>
<PortfolioOrder car={car} />
</TouchableOpacity>
</Swipeable>
)
})
}})

const cancelOrder = (id: string) => {
console.log('press', id)
cancelOrder({id})
}

在记录相同消息100多次后给我这个错误

范围错误：超出了最大调用堆栈大小

Answer 1

const cancelOrder = (id: string) => {
console.log('press', id)
cancelOrder({id})// this line is causing problem because of recursion.
}