当用户点击Flatlist
(车载屏幕列表)中的行时,我尝试用选定的车辆数据(车辆详细信息屏幕)初始化输入字段
我收到以下错误
_this2.props.updateCarForm不是函数
我可以将汽车对象作为params
传递到汽车详细信息屏幕
然而,当我将'car'对象传递给_.each(...)
函数时,当我点击该行以导航到Car Details页面时,它会产生上述错误
任何有想法如何解决此问题的人? TQ
汽车清单屏幕
class CarList extends React.Component {
goToCar = car => {
this.props.navigation.navigate("CarEdit", car);
};
<FlatList
data={this.props.cars}
renderItem={({ item }) => {
return (
<View style={styles.rowContainer}>
<Text>
{item.model} - {item.country} - {item.capacity}
</Text>
<TouchableOpacity
onPress={() => this.onRemoveCar(item.model)}
>
<Text>REMOVE</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => this.goToCar(item)}>
<Text>EDIT</Text>
</TouchableOpacity>
</View>
);
}}
keyExtractor={item => item.model}
/>
汽车编辑屏幕
class CarEdit extends React.Component {
componentWillMount() {
const car = this.props.navigation.state.params;
console.log("Car", this.car);
_.each(car, (value, prop) => {
this.props.updateCarForm({ prop, value });
});
}