ESLintの修正方法

Question

困っていること

javascriptからtypescriptにソースコードを書き換えている中で、eslintを実行したところ、validation関数のfirstNameとlastNameメソッドで以下のようなエラーが発生しており修正方法が分からないです。

Missing return type on function @typescript-eslint/explicit-module-boundary-types

export const validation = {
  firstName(firstName: string) {
    return firstName.length > 0 ? true: false;
  },
  lastName(lastName: string) {
    return lastName.length > 0 ? true: false;
  },
}

他の箇所でもjsからtsに書き直すときに````Missing return type on function @typescript-eslint/explicit-module-boundary-typesが発生していて、その時は、下記のような形で修正出来たのですが、上記の関数の中にあるメソッドに対して発生したeslint``のエラーの直し方が分からないためご教示いただけると幸いです。

// エラーが出ていた時
function Footer() {}
// 修正後
const Footer: React.FunctionComponent = () => {}

Answer 1

エラーメッセージのとおり、メソッドの返り値の型を宣言しましょう。

  firstName(firstName: string): boolean {
    return firstName.length > 0 ? true: false;
  },
  lastName(lastName: string): boolean {
    return lastName.length > 0 ? true: false;
  },

Comments

[nanase21]

ご教示頂きありがとうございます。
無事解決することができました。
一点だけ追加でお聞きしたいことがあるのですが、例えば以下のような返り値の型が不明な場合はどう型をつければよいかご教示頂けないでしょうか？
function initStore(initialState) {
return createStore(rootReducer, initialState, composeWithDevTools(applyMiddleware(thunkMiddleware)))
}

[maisumakun]

> 例えば以下のような返り値の型が不明な場合はどう型をつければよいか

createStoreの返り値の型は決まっていないのですか？

[nanase21]

createStoreの中のrootReducerとinitialStateは型をつけていますが、composeWithDevToolsはimportして来たものなので型が分からない状態です。
多分、この問いは今回の質問からお聞きしたいことが大きく逸れる可能性があるので聞かなかったことにしていただけると幸いです。（回答をいただくにあたって、お時間を取らせてしまうので）

[maisumakun]

> composeWithDevToolsはimportして来たものなので型が分からない状態です。

import元がTypeScriptであれば（あるいは@typesなどの型情報が用意してあれば）、importしても型が付きます。

[nanase21]

> import元がTypeScriptであれば（あるいは@typesなどの型情報が用意してあれば）、importしても型が付きます。
なるほど。これについてはまだ勉強し始めたばかりでよく理解できていないため調べて勉強してみたいと思います。
懇切にご教示頂きありがとうございました。