問(wèn)題描述

如圖所示的三按鈕組件，只用原生JS和REACT怎么才能比較簡(jiǎn)潔的寫(xiě)出點(diǎn)擊一個(gè)其中一個(gè)按鈕，讓其中一個(gè)按鈕的樣式發(fā)生變化。并且點(diǎn)擊其他按鈕的時(shí)候，可以有同樣的效果（即清除另外兩個(gè)的樣式，添加點(diǎn)擊按鈕的樣式）

問(wèn)題解答

按鈕的點(diǎn)擊用state維護(hù)，是否被點(diǎn)擊。不同的狀態(tài)給不同的樣式~~第二個(gè)問(wèn)題，肯定只能寫(xiě)一個(gè)p的樣式，不可能3個(gè)按鈕寫(xiě)3個(gè)，10個(gè)寫(xiě)10個(gè)。。。。懟基礎(chǔ)數(shù)據(jù)做一個(gè)遍歷，render很多個(gè)p，p給一個(gè)默認(rèn)的樣式，給每個(gè)p分配一個(gè)不同的key，用來(lái)區(qū)分

這是一個(gè)modal組件，點(diǎn)擊不同的button彈出對(duì)應(yīng)的內(nèi)容~~~

每個(gè)鈕設(shè)置一個(gè)selected字段，選中一個(gè)清空其他兩個(gè)。根據(jù)selected的值動(dòng)態(tài)給按鈕添加樣式。

可以利用input的radio實(shí)現(xiàn)