Question

我需要一些帮助。我正在尝试从另一个组件中的函数访问组件。

var Test = React.createClass({
    render: function() {
        return (<div className="test"> <p> Some Text </p> </div>)
    }
});

var App = React.createClass({
    render: function() {
        return (<Grid onClick = {this.calendar} />)
    },
    calendar: function(){
        <Test />
    }
});

React.render(<App />, document.body)

我正在尝试访问Test组件。有人可以帮我这个吗？

Answer 1

不确定你的节目在做什么但通常如果你想在另一个内部渲染一个组件，你可以做两件事......要么把它作为一个独特的道具传递，要么作为一个孩子把它写在父组件里面..我会告诉你第二种选择，因为通常你应该/将如何做到这一点

return (
    <Grid>
        <Test />
    </Grid> 
);

或其条件

render: function(){
    return ( 
        <Grid onClick={this.setSomeBool}>
            {this.state.someBool ? <Test /> : null}
        </Grid> 
    );
},
setSomeBool: function(){
    this.setState({someBool: !this.state.someBool});
}

从另一个组件访问函数内的React组件

1 个答案: