使用React-Navigation初始化输入字段

时间:2017-09-27 07:10:39

标签: react-native react-navigation

当用户点击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 });
    });
  }

0 个答案:

没有答案