まず、Reactを書いていきます。 class Example extends React.Component{ constructor(props){ super(props); this.state={img:"",image:""} this.uploadFile = this.uploadFile.bind(this); this.onSubmit = this.onSubmit.bind(this); } uploadFile(e){ th…

Laravelでログイン周りを変更していたので、そのメモを残しておきます。 フロントエンドはReactでやっています。 Laravelのバージョンは7です。 ログイン機能の追加 ログイン後のリダイレクト先変更 ルートの保護 名前でログイン ユーザ情報の取得 ログアウ…

Laravelでメールの送信方法を書いていきます。 今回はGmailでメールを送る方法でやっていきます。まず、Googleアカウントの設定でセキュリティの2段階認証をオンにします画像の赤枠の所そしたら、その下のアプリパスワードの所を開き、アプリをメール、デバ…

今回でTodoアプリを完成させます前回まで nasubifx.hatenablog.comファイル構成は前回と同じなので省きますまずActions.jsから //Actions.js const ADD_TODO="ADDTODO"; const REMOVE_TODO="REMOVETODO"; const removetodo=(id)=>{ return{type:REMOVE_TODO,…

今回はReact+ReduxでTodoアプリを作っていきます。 Reduxを使ったinput.valueの取得の仕方がなかなか分からなくて結構時間がかかりました。ファイル構成 src以下にいつものファイル構成です ・Actions.js ・Reducers.js ・App.js ・index.jsまずActions.jsか…

今回はReactとReduxで簡単なカウンターアプリを作ってみます。 Reduxを学んで3日目なので間違っているかもしれません。 Reduxを使うにはまず以下のコマンドでReduxに必要なモジュールをインポートしておきます。 npm install redux npm install react-redux …