this.props.function() не определено в приложении React?

Question

В настоящее время я создаю приложение response-redux, и когда я нажимаю кнопку «Сохранить», приложение должно вызывать функцию addToSaved в действиях/index.js. Тем не менее, я получаю сообщение об ошибке «this.props.addToSaved is undefined», а не функция. Я определяю функцию в actions/index.js, но мне интересно, не хватает ли я чего-то другого. Вот то, что я в данный момент делаю:

в компоненты/MainView.js:

'use strict'; 
import { addToSaved } from "../actions" 

var React = require('react-native'); 
var { 
    StyleSheet, 
    Image, 
    View, 
    Text, 
    Component, 
    TouchableHighlight 
} = React; 


class MainView extends Component { 
    onSearchPressed() { 
     console.log('search pressed'); 
     this.props.addToSaved(); 
    } 
    render() { 
     return (
      <View style={styles.container}> 
       <Image style={styles.image} 
        source={{uri: pic.img_url}} /> 
       <TouchableHighlight style = {styles.button} 
         onPress={this.onSearchPressed.bind(this)} 
         underlayColor='#99d9f4'> 
         <Text style = {styles.buttonText}>Save</Text> 
       </TouchableHighlight> 
      </View> 
     ); 
    } 
} 

module.exports = MainView; 

в действиях/index.js:

var actions = exports = module.exports 
exports.ADD_SAVED = 'ADD_SAVED' 
exports.addToSaved = function addToSaved() { 
    console.log('got to ADD_SAVED'); 

}

Answer 1

Вы импортирования addToSaved, и ожидаете, что он появится на this.props?

Если вы хотите, чтобы он был доступен на this.props, вам нужно передать его в экземпляр компонента:

<MainView addToSaved={addToSaved} />