Full-Stack React Projects - Second Edition

Adding a form to enter a bid

We will add the form to place a bid for an auction in the Bidding component that we started building in the previous section. Before we add the form elements in the view, we will initialize the bid value in the state, add a change handling function for the form input, and keep track of the minimum bid amount allowed, as shown in the following code.

mern-marketplace/client/auction/Bidding.js:

const [bid, setBid] = useState('')const handleChange = event => {        setBid(event.target.value)}const minBid = props.auction.bids && props.auction.bids.length> 0                 ? props.auction.bids[0].bid                 : props.auction.startingBid

The minimum bid amount is determined by checking the latest bid placed. If any bids were placed, the minimum ...