Import hooks into React Typescript
up vote
-1
down vote
favorite
I am trying to implement hooks into a React (^16.6.0) application using TypeScript
import * as React, {useState} from 'react';
Any idea what is the right syntax for this import?
reactjs
asked Nov 21 at 14:29
Alexandru Popa
105
add a comment |
up vote
-1
down vote
favorite
I am trying to implement hooks into a React (^16.6.0) application using TypeScript
import * as React, {useState} from 'react';
Any idea what is the right syntax for this import?
reactjs
asked Nov 21 at 14:29
Alexandru Popa
105
add a comment |
up vote
-1
down vote
favorite
up vote
-1
down vote
favorite
I am trying to implement hooks into a React (^16.6.0) application using TypeScript
import * as React, {useState} from 'react';
Any idea what is the right syntax for this import?
reactjs
asked Nov 21 at 14:29
Alexandru Popa
105
I am trying to implement hooks into a React (^16.6.0) application using TypeScript
import * as React, {useState} from 'react';
Any idea what is the right syntax for this import?
reactjs
reactjs
asked Nov 21 at 14:29
Alexandru Popa
105
asked Nov 21 at 14:29
Alexandru Popa
105
asked Nov 21 at 14:29
Alexandru Popa
105
asked Nov 21 at 14:29
Alexandru Popa
105
asked Nov 21 at 14:29
Alexandru Popa
105
105
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
accepted
import supports a limited set of syntax variations.
It can be:
import React, {useState} from 'react';
The downside is that entire library is imported, because React is default export and cannot be tree-shaken. Since the presence of React import is needed to use JSX syntax, a more efficient way is:
import * as React from 'react';
import {useState} from 'react';
Hooks were introduced in pre-release React 16.7. react version constraint should be ^16.7.0-alpha.0, @types/react should be ^16.7.0.
answered Nov 21 at 14:55
estus
63.7k2193201
Sorry still not working it gives me the following 'Module '"C:/web-client-ts/node_modules/@types/react/index"' has no exported member 'useState'.'
– Alexandru Popa
Nov 21 at 15:15
Hooks are 16.7, not 16.6. I updated the answer.
– estus
Nov 21 at 15:26
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
import supports a limited set of syntax variations.
It can be:
import React, {useState} from 'react';
The downside is that entire library is imported, because React is default export and cannot be tree-shaken. Since the presence of React import is needed to use JSX syntax, a more efficient way is:
import * as React from 'react';
import {useState} from 'react';
Hooks were introduced in pre-release React 16.7. react version constraint should be ^16.7.0-alpha.0, @types/react should be ^16.7.0.
answered Nov 21 at 14:55
estus
63.7k2193201
Sorry still not working it gives me the following 'Module '"C:/web-client-ts/node_modules/@types/react/index"' has no exported member 'useState'.'
– Alexandru Popa
Nov 21 at 15:15
Hooks are 16.7, not 16.6. I updated the answer.
– estus
Nov 21 at 15:26
add a comment |
up vote
0
down vote
accepted
import supports a limited set of syntax variations.
It can be:
import React, {useState} from 'react';
The downside is that entire library is imported, because React is default export and cannot be tree-shaken. Since the presence of React import is needed to use JSX syntax, a more efficient way is:
import * as React from 'react';
import {useState} from 'react';
Hooks were introduced in pre-release React 16.7. react version constraint should be ^16.7.0-alpha.0, @types/react should be ^16.7.0.
answered Nov 21 at 14:55
estus
63.7k2193201
Sorry still not working it gives me the following 'Module '"C:/web-client-ts/node_modules/@types/react/index"' has no exported member 'useState'.'
– Alexandru Popa
Nov 21 at 15:15
Hooks are 16.7, not 16.6. I updated the answer.
– estus
Nov 21 at 15:26
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
import supports a limited set of syntax variations.
It can be:
import React, {useState} from 'react';
The downside is that entire library is imported, because React is default export and cannot be tree-shaken. Since the presence of React import is needed to use JSX syntax, a more efficient way is:
import * as React from 'react';
import {useState} from 'react';
Hooks were introduced in pre-release React 16.7. react version constraint should be ^16.7.0-alpha.0, @types/react should be ^16.7.0.
answered Nov 21 at 14:55
estus
63.7k2193201
import supports a limited set of syntax variations.
It can be:
import React, {useState} from 'react';
The downside is that entire library is imported, because React is default export and cannot be tree-shaken. Since the presence of React import is needed to use JSX syntax, a more efficient way is:
import * as React from 'react';
import {useState} from 'react';
Hooks were introduced in pre-release React 16.7. react version constraint should be ^16.7.0-alpha.0, @types/react should be ^16.7.0.
answered Nov 21 at 14:55
estus
63.7k2193201
edited Nov 21 at 15:25
answered Nov 21 at 14:55
estus
63.7k2193201
answered Nov 21 at 14:55
estus
63.7k2193201
answered Nov 21 at 14:55
estus
63.7k2193201
63.7k2193201
Sorry still not working it gives me the following 'Module '"C:/web-client-ts/node_modules/@types/react/index"' has no exported member 'useState'.'
– Alexandru Popa
Nov 21 at 15:15
Hooks are 16.7, not 16.6. I updated the answer.
– estus
Nov 21 at 15:26
add a comment |
Sorry still not working it gives me the following 'Module '"C:/web-client-ts/node_modules/@types/react/index"' has no exported member 'useState'.'
– Alexandru Popa
Nov 21 at 15:15
Hooks are 16.7, not 16.6. I updated the answer.
– estus
Nov 21 at 15:26
Sorry still not working it gives me the following 'Module '"C:/web-client-ts/node_modules/@types/react/index"' has no exported member 'useState'.'
– Alexandru Popa
Nov 21 at 15:15
Sorry still not working it gives me the following 'Module '"C:/web-client-ts/node_modules/@types/react/index"' has no exported member 'useState'.'
– Alexandru Popa
Nov 21 at 15:15
Hooks are 16.7, not 16.6. I updated the answer.
– estus
Nov 21 at 15:26
Hooks are 16.7, not 16.6. I updated the answer.
– estus
Nov 21 at 15:26
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53414287%2fimport-hooks-into-react-typescript%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
