How to store coming data persistently?

Question

I use react-native.

And this is the function that I want to use. The most important point here is editCommentMutation.

In order to execute this mutation, it requires two variables which are id and payload.

  const onUpdateComment = React.useCallback((commentId) => {
    setEdit(true);
    console.log(commentId, comments);
    editCommentMutation({
      variables: {
        id: parseInt(commentId),
        payload: comments,
      },
    });
  }, []);

I get these two variables correctly.

For id , I get it from component screen. So It comes thru argument. For payload, I get it on the same screen.

Problem here is when I press button1, it sends commentId(id) data from component screen to this page.

And when I press button2, it sends comments(payload) data on this page.

On this App, I press button1 and write comments then button2 in order.

So Each data comes not together, but one by one.

So I execute console.log(commentId, comments),

• press button1 : 386 undefined
• press button2 : undefined Object { "comments": "뭐야", }

It has undefined for sure.. But in order to execute mutation, I need two data together.

For this, I need to save coming data in somewhere, I guess.

I also tried const [data, setData] = useState("").

After I save coming commentId to here as: setData(commentId).

But it isn't saved, just disappears. :)

Can you help me?