我可以使用react或CSS來針對特定組件更改onclick嗎？

Question

我想要一個導航欄，點擊它上的鏈接時，它會將新組件呈現在圖片中的組件B框中，屏幕上無處可顯示（即其他所有內容都保持不變）。我需要反應路由器嗎？或者我可以直接使用React和CSS來做到這一點？

阿卡我點擊鏈接1，或鏈接2或環3，結果在組件箱B.顯示出來

Answer 1

我需要爲這個反應的路由器或使用這個我可以做直接向上 React和CSS？

你可以通過使使用鏈接改變其path並選擇一些成分有狀態的組件做W/O反應，路由器渲染在此基礎上path。最後react-router正在使用React。

handleLinkClick(e, path) { 
    ev.preventDefault() 
    this.setState({path}) 
} 

renderBComponent() { 
    const { path } = this.state; 

    const ComponentToRender = {path1: ComponentB1, path2: ComponentB2, etc} 
    return <ComponentToRender /> 
} 

但你最好使用react-router :)以避免重新發明輪子。