this.props.function（）在React应用程序中未定义吗？

Question

我目前正在构建一个react-redux应用程序，当我单击“保存”按钮时，该应用程序应在actions / index.js中调用函数addToSaved。 但是，我得到的错误是“ this.props.addToSaved未定义”而不是函数。 我在actions / index.js中定义了函数，但想知道是否遗漏了其他东西。 这是我目前正在做的事情：

在components / 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;

在actions / 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} />