0
を接続する私は、このコンポーネント持っていた：有効な反応要素またはnullを返す必要があります。反応-Reduxのは
let Vepo = (props) => (
<Container >
<Header style={styles.header}>
<Left>
<Button transparent>
</Button>
</Left>
<Body>
<Title style={styles.title}>Search</Title>
</Body>
<Right>
</Right>
</Header>
<Container style={styles.container}>
<ScrollView >
<Keywords />
<Categories />
</ScrollView>
</Container>
</Container>
)
Vepo = connect(
null,
null
)(Vepo)
export default Vepo
をしかし、今、私はそうthis example of using a higher order componentで行くComponentDidMountを実装する必要があります。
class Wrapper extends Component {
componentDidMount() {
this.props.getAllTehDatas();
}
render() {
<WrappedComponent {..this.props} />
}
}
const mapStateToProps =() => ({
});
const mapDispatchToProps = {
getAllTehDatas
};
export default connect(mapStateToProps, mapDispatchToProps)(Wrapper);
私はこれを行うことができる必要があります：
let Vepo = (props) => (
<Container >
<Header style={styles.header}>
<Left>
<Button transparent>
</Button>
</Left>
<Body>
<Title style={styles.title}>Search</Title>
</Body>
<Right>
</Right>
</Header>
<Container style={styles.container}>
<ScrollView >
<Keywords />
<Categories />
</ScrollView>
</Container>
</Container>
)
class Wrapper extends Component {
componentDidMount() {
console.log("loaded")
}
render() {
<Vepo />
}
}
Vepo = connect(
null,
null
)(Wrapper)
export default Vepo
しかし、このエラーが発生します：
Wrapper.render(): A valid react element or null must be returned. You may have returned undefined, and array of some other object.
どこが間違っていますか？