是否可以在React中的功能组件中触发事件时打开另一个功能组件？

Question

我想知道是否可以在例如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等）后，有没有办法打开其他功能组件？

请注意，我试图在不使用State Object或React Class的{​​{1}}的情况下了解这是否可行。

更一般地说，我正在寻找在触发 React Router时呈现不同 React 组件的最佳做法。

Answer 1

这不可能完全在这个组件中完成，因为它是无状态。但是，您可以从其父（有状态）组件向此组件传递两个道具onClick和std::vector<std::vector<int>> test_vofv，并以此方式控制其他组件的呈现。