コメントウィンドウで評価


スコアを使うためにantdのrateを使いました
https://ant.design/components/rate/#header
export const MyRate = styled(Rate)``;
Rateを書くためにまず造形ファイルに書きました
ANTDのRateは次のとおりです.
onChange、value、disabled機能が必要です.
  • onChangeは、スコアをクリックしたときに値が変化する関数です.
  • valueは私のスコア
  • です.
    無効
  • :値
  • やりたいこと.
    コメントを入力するときに採点して、コメントを登録すると反映されます.
    コメントを修正しても同じですが、採点を修正して修正ボタンを押すと、そのまま反映されます.
    やりたかったんだ
    だからコメントを入力するときとコメントを修正するときはonChangeのデータしか受信しません
    コメントを表示するリストでvalue値のみを受け入れ、値を無効にします.
    彼にあげます.
    今から詳しく説明します
    <MyRate onChange={props.onChangeStar} />
    コメントを入力した場所もコメントを修正した場所も採点しなければなりません.
    これで両方作ってくれます.
    私は星を押すたびに、ChangeStarに変星の関数を書きます.

    containerではmyStarという関数があり、クリックするたびに
    ステータス変数を作成します.
    登録ボタンと修正ボタンを押します
    採点を反映しなければならないからです.
    createBoardとupdateBoard
    rateに適用されるはずです.


    どちらも当てはまる様子
    次に、登録時および変更時に与えられるスコアをリストから取得する必要があります.
    リストセクション
    <MyRate value={el.rating} s />
    このようにvalue値を与えてrating値を受け入れればいいのです