How to import function in React with Typescript?

Question

I'm trying to import a function in a class, and the function is located in an other file. I have types.ts with :

export castToString = () => {//implementation}

And in my file form.tsx, I want to import this function :

import {castToString } from '../types.ts'

To use this function, I call it like this :

castToString ()

But it doesn't work, an idea ? Thank you

what if you try import without brackets around? I believe that's only applicable if exported in brackets too. — cbll
– cbll, Commented Aug 28, 2017 at 10:23
Remove .ts from the import and the declaration should be export const castToString = ... — Titian Cernicova-Dragomir
– Titian Cernicova-Dragomir, Commented Aug 28, 2017 at 10:25
@TitianCernicova-Dragomir you should make an answer out of that comment — toskv
– toskv, Commented Aug 28, 2017 at 10:27
@toskv you are right, but I just wanted to get a bit of confirmation the poster did not miscopy the code — Titian Cernicova-Dragomir
– Titian Cernicova-Dragomir, Commented Aug 28, 2017 at 10:35

Titian Cernicova-Dragomir · Accepted Answer · 2017-08-28 10:34:50Z

3

Remove .ts from the import statement (you will be importing the resulting JS not the TS and you should not specify the extension in either case). Also the declaration should be export const castToString = ...

answered Aug 28, 2017 at 10:34

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

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

Collectives™ on Stack Overflow

How to import function in React with Typescript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related