カテゴリー別アーカイブ: React.js

i drow @miwa_morning
react-dates

これ How to custom for default style in react-dates

これ。How to custom for default style in react-dates

Recently, I’m using react-dates for implements user can select day and update state it in Redux.
I’m googling while few time,
The library seems to deffecult for me to custom style in date’s span.
But I found that API is provid to us named `renderDayContents` attribute. haa..

I will show you my implements at below.

Babel JavaScript ES201x, React JSX & Flow Grammar & Transpiler
create-react-app, parsing error the keyword 'import' is reserved

【create-react-app】でeslint走らせたら「parsing error the keyword ‘import’ is reserved」

【create-react-app】でeslint走らせたら「parsing error the keyword ‘import’ is reserved」

やりたいこと

create-react-appでprettierで整形してからeslintをコミット前にチェックしてエラーがあったらコミットを中止する

結論
・eslintとbabel-eslintの互換性あるバージョンをインストール
https://github.com/babel/babel-eslint
↓
・babel-eslintをinstall
↓
・parserを設定する
プロジェクト直下に.eslintrcを作る。(yarnはeslintrcを自動で作ってくれないので手動で)
.eslintrc

{
"parser": "babel-eslint",
"rules": {
"strict": 0
}
}

—-
Im using reacta-create-app
when i setting prettier config,
it apper error message,
「parsing error the keyword ‘import’ is reserved」

i check eslint version, and then install babel-eslint
add parser fileld as babel-eslint as value

run precommit command

nothing error

import is keyword,
eslint don’t know it,
you need install babel-eslint as parser

thenk you