23 replies

How to use fetched data as State?

I am getting data (a post) from trpc inside my component:

[id].tsx
const Post = (
  props: InferGetServerSidePropsType<typeof getServerSideProps>
) => {
  const { id } = props;
  const postData = trpc.post.getPost.useQuery({
    postId: id,
  });

...

[id].tsx
const Post = (
  props: InferGetServerSidePropsType<typeof getServerSideProps>
) => {
  const { id } = props;
  const postData = trpc.post.getPost.useQuery({
    postId: id,
  });

...

The user should be able to edit the post, so I want to make the fetched data a state via useState.
I tried:

useEffect(() => {
    setPostState({
      title: post.data.title,
      description: post.data.description,
    });
  }, []);

useEffect(() => {
    setPostState({
      title: post.data.title,
      description: post.data.description,
    });
  }, []);

but it doesnt work.
I need to set the State after the data finished loading. How?

TTC

Theo's Typesafe Cult•4y ago•

23 replies

Johnson

How to use fetched data as State?

I am getting data (a post) from trpc inside my component:

[id].tsx
const Post = (
  props: InferGetServerSidePropsType<typeof getServerSideProps>
) => {
  const { id } = props;
  const postData = trpc.post.getPost.useQuery({
    postId: id,
  });

...

[id].tsx
const Post = (
  props: InferGetServerSidePropsType<typeof getServerSideProps>
) => {
  const { id } = props;
  const postData = trpc.post.getPost.useQuery({
    postId: id,
  });

...

The user should be able to edit the post, so I want to make the fetched data a state via useState.
I tried:

useEffect(() => {
    setPostState({
      title: post.data.title,
      description: post.data.description,
    });
  }, []);

useEffect(() => {
    setPostState({
      title: post.data.title,
      description: post.data.description,
    });
  }, []);

but it doesnt work.
I need to set the State after the data finished loading. How?

How to use fetched data as State?

Similar Threads

How to use fetched data as State?

Similar Threads

Similar Threads

Similar Threads