処理待ち中にボタンの上にSpinnerを表示する(React版) - Qiita
これは、初心者歓迎！Reactとvte.cxでWebアプリケーションを作成する#2<動作確認〜ソース解説>の説明に使う予定の資料です。 今回は、Reactの理解のために、処理待ち中にボタンの上にSpinnerを表示する実装について説明します。 こんな感じで、メールを送信するボタンを押すと、クルクル回るスピナーを表示するものです。 ソース解説 パスワードリセット画面のソースの一部を抜粋したものが以下になります。 ロジックの部分 まず、stateにisLoadingを追加します。（初期値はfalse） サーバアクセス時に、trueにし、実行後にfalseにするだけです。 constructor() { this.state = { isLoading: false } } handleSubmit(e:InputEvent){ this.setState({isLoading:true}) a
create-react-appでbuild先のパスを変更する - Qiita
概要 React は環境構築が非常に面倒なイメージがありますが、つい最近 Facebook が作った create-react-app を使うと一瞬で環境構築が出来ます。 詳しくは下記の記事が参考になります。 Facebook公式のcreate-react-appコマンドを使ってReact.jsアプリを爆速で作成する create-react-app は npm run build コマンドで本番環境で使われることを想定した最適化されたファイルを build ディレクトリ生成することが出来ます。 しかし、Ruby on Rails 等のフレームワークを使ってる場合は、/public 以下に js を配置しなければなりません。 そこでこの記事では、 build ディレクトリ以外の任意のディレクトリに最適化された js を配置する方法を記述します。 前提 macOS Sierra バージョン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitBook – Knowledge management for technical teams
