为什么渲染后会触发 Click 事件？

大家好。onClick在渲染期间，会为每个输出块触发一个事件。按下时onClick，它不起作用。

<View style={styles.blockTraining}>
        {
          this.state.events.length > 0 ? (
            this.state.events.map((value) => {
              return <Card onClick={this.navToEvent()} key={value.event.id}>
                <Text style={styles.activeTraining}>{value.event.name}
                </Text>
                <View style={styles.textTraining}>
                  <View>
                    <Text style={styles.valuesTraining}>Старт: {value.event.startDate}</Text>
                    <Text style={styles.valuesTraining}>Тренер: {value.event.lector.person.fullname}</Text>
                    <Text style={styles.valuesTraining}>Место:</Text>
                  </View>
                  <View>
                    <Icon
                      name='check'
                      type='evilicon'
                      color='#228B22'
                      size={30}
                    />
                  </View>
                </View>
              </Card>
            })
          ) : (
            <ActivityIndicator
              size="large"
              color="#EA329A"
              style={styles.loader}
            />
          )
        }
      </View>