react typing component props

Javasper answered on July 19, 2022 Popularity 8/10 Helpfulness 1/10

answer react typing component props

related react typing component props with type

react typing component props

Comment

-1

function App() {
return (<div>
      <Employee name="Alison" age={36} country="Germany" />
    </div>
);
}

export default App;


interface EmployeeProps {
  name: string;
  age: number;
  country: string;
 
}

function Employee({name, age, country}: EmployeeProps) {
  return (
    <div>
      <h2>{name}</h2>
      <h2>{age}</h2>
      <h2>{country}</h2>
    </div>
  );
}

/*changing type of name to number without changing the string will result in an error Type 'string' is not assignable to type 'number'.*/

Popularity 8/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: typescript typing

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

Javasper

0 Answers Avg Quality 2/10

Closely Related Answers

react typing component props with type

Comment

type EmployeeProps = {
  name: string;
  age: number;
  country: string;
 
}

Popularity 7/10 Helpfulness 2/10 Language typescript

Source: Grepper

Tags: typescript typing typin

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

Javasper

0 Answers Avg Quality 2/10

react typing component props

Contents

More Related Answers

react typing component props

Closely Related Answers

react typing component props with type

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.