在React中的功能組件中觸發事件時是否可以打開另一個功能組件？

Question

我想知道是否可以通過onClick事件在另一個功能組件中渲染（或打開） Functional (Stateless)組件？ 讓我們假設以下原始組件；

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等）后，是否可以打開另一個功能組件？

請注意，我試圖了解是否可以在不使用React Class或React Router的State Object的情況下做到這一點。

更籠統地說，我正在尋找觸發 event 時 呈現不同 React 組件 的最佳實踐 。

Answer 1

這不可能完全在此組件內完成，因為它是無狀態的 。 但是，您可以將兩個道具isOtherComponentShown和onClick從其父（有狀態）組件傳遞到此組件，並以這種方式控制其他組件的呈現。