首页 > 解决方案 > 是否可以在 React 中的功能组件内触发事件时打开另一个功能组件?

问题描述

我想知道是否可以Functional (Stateless)根据例如onClick事件在另一个功能组件中呈现(或打开)一个组件?让我们假设以下原始组件;

const FunctionalComponent = () => {
    <div>
        <h1>Don't snub me because I'm primitive </h1>
        <a href="#" onClick={handleClick}>
            Click to open another functional component
        </a>
    </div>
};

有没有办法在单击link(或button等)时打开另一个功能组件?

请注意,我试图在不使用orState Object的情况下了解这是否可行。React ClassReact Router

更一般地说,我正在寻找 React触发 event.

标签: javascriptreactjs

解决方案


这不可能完全在这个组件内完成,因为它是无状态的。但是,您可以将两个 props从其父(有状态)组件传递给该组件,isOtherComponentShown并以这种方式控制其他组件的呈现。onClick


推荐阅读