frontend login

[snowmancc]

resolves #74

[Irisloverain]

關於圖片沒能立即更新，因為React 有批次更新State的機制來提升效能，所以在同一個函式內使用一個setStateA帶入另一個StateB的話，在setStateA中值StateB仍是這次函式執行更新前值

setPortraitIndex()中的portraitChangeCount還是執行setPortraitChangeCount(portraitChangeCount + 1)前的值
可以改成:
setPortraitChangeCount(prevCount => prevCount + 1);
setPortraitIndex(prevIndex => (prevIndex + 1) % portraits.length);

也許也還有其他作法!><

[Irisloverain]

我切版時忘記在更換圖片那邊加滑鼠變成按鈕><
可以加個css:
className='login_change' onClick={changeImage}

在_login.scss加入：
&_change{
cursor: pointer;
}

[Irisloverain]

有幾個地方div變成dev啦XD

[dawnglede]

關於圖片沒能立即更新，因為React 有批次更新State的機制來提升效能，所以在同一個函式內使用一個setStateA帶入另一個StateB的話，在setStateA中值StateB仍是這次函式執行更新前值

setPortraitIndex()中的portraitChangeCount還是執行setPortraitChangeCount(portraitChangeCount + 1)前的值 可以改成: setPortraitChangeCount(prevCount => prevCount + 1); setPortraitIndex(prevIndex => (prevIndex + 1) % portraits.length);

也許也還有其他作法!><

setPortraitIndex(prevIndex => (prevIndex + 1) % portraits.length) => 這裡他是要用更新之後的portraitChangeCount去計算index，所以不是用portraitIndex本身的前值
這裡用我的做法的話，會另外宣告變數去計算，計算完後再更新到state裡面:

  const changeImage = () => {
    const newChangeCount = portraitChangeCount + 1
    const newIndex = newChangeCount % portraits.length
    setPortraitChangeCount(newChangeCount)
    setPortraitIndex(newIndex)
  }

或是用useRef去儲存portraitChangeCount的值，這樣每次拿到都會是新值:

  const portraitChangeCount = useRef(0)
  const [portraitIndex, setPortraitIndex] = useState(0)
  const changeImage = () => {
    portraitChangeCount.current++
    setPortraitIndex(portraitChangeCount.current % portraits.length)
  }

[dawnglede]

LGTM

[Irisloverain]

LGTM

[Irisloverain]

LGTM