Put the `response.data` value into the `setState[]` array

Question

I want to put swr data into setState[] I have code like this.

const { data } = useSWR('/api/data', fetcher);
const [contents, setcontents] = useState<Array<string>>([]);

How can I write code to put data in setcontents[] ?

If you just need to update the `contents` state a `setcontents(data)` should work. If `data` is an array of strings. — lpizzinidev, Dec 15 '21 at 07:45
@LucaPizzini Yep data is a string. But I don't know how to put it in `State[]` . — minsu, Dec 15 '21 at 07:49
As I said, using the `setcontents(data)` function. It should work. — lpizzinidev, Dec 15 '21 at 07:52

score 3 · Accepted Answer · answered Dec 15 '21 at 08:01

3

You don’t need to do this. The data is already part of the component’s state, and SWR is managing it for you. You don’t need to transfer the data into another state variable.

Use data anywhere you were expecting to use contents, and it will work as you expected. You can choose a different name for the variable if you like:

const { data: contents } = useSWR(...)

answered Dec 15 '21 at 08:01

Stephen Jennings

12,494
5
47
66

This does not give us access to a `setData()`. – Lewis Jul 26 '22 at 11:09
@C.Lewis If you need to manually update SWR's cache, you should usually use the [mutate function](https://swr.vercel.app/docs/mutation) that useSWR returns. – Stephen Jennings Jul 26 '22 at 23:10

score 0 · Answer 2 · answered Dec 15 '21 at 08:02

0

You can use useEffect hook to solve this problem.

useEffect(() => {
    setcontents(data);
  }, [data]);

answered Dec 15 '21 at 08:02

Viral Patel

1,104
4
7

Put the `response.data` value into the `setState[]` array

2 Answers2