Lesson10: how shall we transfer "Parameters" from "front" to solidity?

[PatricHenry]

take "enterRaffle" for example, I see its button code as below:

<button
    className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded ml-auto"
    onClick={async () =>
        await enterRaffle({
            onSuccess: handleSuccess,
            onError: (error) => console.log(error),
        })
    }
    disabled={isLoading || isFetching}
>
    {isLoading || isFetching ? (
        <div className="animate-spin spinner-border h-8 w-8 border-b-2 rounded-full"></div>
    ) : (
        "Enter Raffle"
    )}
</button>

"enterRaffle" function get no parameter on "solidity", what if I want to transfer a number to solidity when I call "enterRaffle"; How shall I set on above code in this situation?

[alymurtazamemon]

@PatricHenry Above where you declared the runContractFunction;

const {
    runContractFunction: enterRaffle,
    data: enterTxResponse,
    isLoading,
    isFetching,
} = useWeb3Contract({
    abi: abi,
    contractAddress: raffleAddress,
    functionName: "enterRaffle",
    msgValue: entranceFee,
    params: {},
})

Here you will pass that in params as a key/value pair.

[PatricHenry]

Thank you very much.

[PatricHenry]

@alymurtazamemon I have tried as you advice and I find I realy can transfer parameters from front to solidity; but there is a little trouble still:
In the fact I only can confirm the "parameters" when I click on this button rather than in advance and then set them, but I find solidity function received the parameter which is not the current but last time; for example, I click on this button first time, "parameterA" was set to "params" and execute the function; after that I click this button second time, "parameterB" was set to "params" and execute the function which use "parameterA", so how shall I use "params" on the second click on?