type of custom object in typescript

Question

I'm new to typescript and I created this object:

const initialState = {
    title: {
        value: "",
        error: false
    },
    amount: {
        value: 0,
        error: false
    },
    type: "Food",
    time: new Date()
}

I want to use is as initial state of a useState. therefore I want to now what I need to passe as type to my useState. const [Form, setForm] = useState< "what should come here?" >(initialState);

thanks in advance,

Saka Sai Trinath · Accepted Answer · 2020-09-23 16:43:27Z

2

interface IState {
  title: {
    value: string;
    error: boolean;
  };
  amount: {
    value: number;
    error: boolean;
  };
  type: string;
  time: Date;
}

const [Form, setForm] = useState<IState>(initialState);

answered Sep 23, 2020 at 16:43

Saka Sai Trinath

3162 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yatin Gaikwad · Accepted Answer · 2020-09-23 16:47:36Z

1

You could do something like this:

interface SomeName {
    value: string;
    error: boolean;
}

interface IState {
  title: SomeName;
  amount: SomeName;
  type: string;
  time: Date;
}

const initialState: IState = {
    title: {
       value: "",
       error: false
    },
    amount: {
       value: 0,
       error: false
    },
    type: "Food",
    time: new Date()
} 

const [Form, setForm] = useState<IState>(initialState);

answered Sep 23, 2020 at 16:47

Yatin Gaikwad

1,2102 gold badges14 silver badges25 bronze badges

Collectives™ on Stack Overflow

type of custom object in typescript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related