Reactjs 如何将数据从表单发送到另一个页面？

我试图将“服装”尺寸发送到另一页，但它只是给了我不明确的信息

这是我的product.js：

const [ pickSize, setPickSize ] = useState('');

<SelectSizesForm onSubmit={() => props.addBasket({ title, price, img_url1, pickSize })}>
    <SizeLabel>
        <SizeInput type="radio" name="pickSize" value="M" />
        <SizeSpan className="size">M</SizeSpan>
    </SizeLabel>
    <SizeLabel>
        <SizeInput type="radio" name="pickSize" value="L" />
        <SizeSpan className="size">L</SizeSpan>
    </SizeLabel>
    <SizeLabel>
        <SizeInput type="radio" name="pickSize" value="XL" />
        <SizeSpan className="size">XL</SizeSpan>
    </SizeLabel>
    <BuyButton type="submit">Add to Cart</BuyButton>
</SelectSizesForm>

const[pickSize，setPickSize]=useState（“”）；
props.addBasket（{title，price，img_url1，pickSize}}>
M
L
特大号
添加到购物车

---

如何在此表单中发送

pickSize

？

您可以跟踪选择的更改，以更改pickSize的状态值，如下所示：

const [ pickSize, setPickSize ] = useState('');

onChange = (value) = {
    setPickSize(value);
}

<SelectSizesForm onSubmit={() => props.addBasket({ title, price, img_url1, pickSize })}>
    <SizeLabel>
        <SizeInput onChange={() => onChange("M")} type="radio" name="pickSize" value="M" />
        <SizeSpan className="size">M</SizeSpan>
    </SizeLabel>
    
    ...
</SelectSizesForm>

const[pickSize，setPickSize]=useState（“”）；
onChange=（值）={
setPickSize（值）；
}
props.addBasket（{title，price，img_url1，pickSize}}>
onChange（“M”）}type=“radio”name=“pickSize”value=“M”/
M
...

您可以在选择时跟踪更改，以更改pickSize的状态值，如下所示：

const [ pickSize, setPickSize ] = useState('');

onChange = (value) = {
    setPickSize(value);
}

<SelectSizesForm onSubmit={() => props.addBasket({ title, price, img_url1, pickSize })}>
    <SizeLabel>
        <SizeInput onChange={() => onChange("M")} type="radio" name="pickSize" value="M" />
        <SizeSpan className="size">M</SizeSpan>
    </SizeLabel>
    
    ...
</SelectSizesForm>

const[pickSize，setPickSize]=useState（“”）；
onChange=（值）={
setPickSize（值）；
}
props.addBasket（{title，price，img_url1，pickSize}}>
onChange（“M”）}type=“radio”name=“pickSize”value=“M”/
M
...