尝试重新渲染来自子组件的反应父组件的问题

Question

Trying to re-render parent component from child component callback . in the Payment button I call axios to update a state, then I need the parent to show this new updated state, so I try to set a "false" state to true, which I am hoping will trigger a re-render.

Error:

Line 28:4:  Expected an assignment or function call and instead saw an expression

from parent

    const [success, setSuccess] = useState(false);

<h4>
                    Purchase 5 more post's : <PaymentButton name="more post" price={5} description="create more post"
                        object={
                { email: user.email, max_posts: user.max_posts + 5 }
                        }
                        success ={()=>setSuccess(true)}

                    />

                </h4>

from child

const PaymentButton = ({ name, price, description,object }) => {

    const handleToken = async (token, addresses) => {
        const response = await axios.post('http://localhost:3000/api/payment/checkout', {
            token,
            product: { name, price, description }
        });

        const { status , resolved} = response.data;

        console.log('Response:', response);
        console.log('network_status :', resolved);
        console.log(JSON.stringify(object))


        if (status === 'succeeded' && resolved ==='approved_by_network') {
            toast('Success! Purchase Approved. ', { type: 'success' });
            return axios.put('http://localhost:3000/api/users/getuser', { ...object });
            object.success


        } else {
            toast('Something went wrong, contact site admin about this', { type: 'error' });
        }
    };

Answer 1

您可能需要通过编写来反转真实状态：

!success