Как перемещаться между списком и элементом?

Question

Я пытаюсь открыть элемент из моего списка, но мой код элемента находится в другом js. Когда я пытаюсь использовать метод onPress, никаких действий не происходит. Также я использую Swipeout.

Вот мой JobList.js, где я отображаю список своих предметов.

class JobList extends Component {
  onJobDetails = (job) => {
    this.props.navigate('JobDetails', job);
  }
  render() {
    const { navigation } = this.props;
    var renderJobs = () => {
      return this.props.jobs.map((job) => {
        return (
          <JobItem 
            key={job._id} 
            title={job.title} 
            shortDescription={job.shortDescription} 
            logo={job.avatar} 
            company={job.company} 
            id={job._id}
            dispatch={this.props.dispatch}
            onPress={() => this.onJobDetails(job)}
          />
        )
      })
    }
    return (
      <View style={styles.container}>
        <ScrollView>
          {renderJobs()}
        </ScrollView>
      </View>
    );
  }
};

А вот и мой JobItem.js

class JobItem extends Component {
  render() {
    return (
      <Swipeout {...swipeSettings}>
        <View style={styles.jobContainer}>
          <View>
            <Text style={styles.postTitle}>{this.props.title}</Text>
            <Text style={styles.postShortDescription}>{this.props.shortDescription}</Text>
          </View>
          <View>
          <Image 
            style={styles.postLogo} 
            source={{uri: '' + this.props.logo + ''}}/>
          </View>
        </View>
      </Swipeout>
    )
  }
};

Есть идеи, как мне это исправить?

Answer 1

Вам нужно передать onPress prop в дочерний компонент , чтобы он заработал.

<Swipeout {...swipeSettings}>
   <TouchableWithoutFeedback onPress={this.props.onPress}>
     //... other children here
   </TouchableWithoutFeedback>
</Swipeout>