How to keep already chosen value in ReactJS-CodePudding

I have following

CodePudding user response：

You need to update the packageType inside onClick handler. Since setState calls are batched and enqueued inside event handler and state updates may be asynchronous. You can't access the packageType state immediately after setting it.

PackageChoose.js

Card 1

onClick={() => setData({ ...data, packageType: "choice" })}

Card 2

onClick={() => setData({ ...data, packageType: "select" })}

set the packageType directly on data.