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

Access React Component within a function from another component

本文关键字：组件 React 访问 另一个 函数      更新时间：2023-09-26

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

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)

我正在尝试访问测试组件。有人能帮我吗？

不太确定你的节目在做什么，但通常情况下，如果你想在另一个组件中呈现一个组件，你可以做两件事……要么将其作为一个唯一的道具传递，要么将其写入父组件中作为子组件。。我会给你看第二个选项，因为这通常是你应该/会做的

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});
}
相关文章：