create-react-app で React フロントエンドの掲示板を作ってみる（投稿） - JavaScriptだけでWebサイト開発

テクノロジーカテゴリーの変更を依頼記事元:

ichi-bit.hateblo.jp

1 userがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

オーナーコメントを固定しています

オーナー ichi-bit self bookmark

2017/11/08 リンク

オーナーコメントを固定しています

オーナー ichi-bit self bookmark

2017/11/08 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fichi-bit.hateblo.jp%2Fentry%2F2017%2F11%2F08%2Fcreate-react-app_%25E3%2581%25A7_React_%25E3%2583%2595%25E3%2583%25AD%25E3%2583%25B3%25E3%2583%2588%25E3%2582%25A8%25E3%2583%25B3%25E3%2583%2589%25E3%2581%25AE%25E6%258E%25B2%25E7%25A4%25BA%25E6%259D%25BF%25E3%2582%2592%25E4%25BD%259C%25E3%2581%25A3%25E3%2581%25A6%25E3%2581%25BF%25E3%2582%258B%25EF%25BC%2588%25E6%258A%2595" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://ichi-bit.hateblo.jp/entry/2017/11/08/create-react-app_%E3%81%A7_React_%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%81%AE%E6%8E%B2%E7%A4%BA%E6%9D%BF%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B%EF%BC%88%E6%8A%95">create-react-app で React フロントエンドの掲示板を作ってみる（投稿） - JavaScriptだけでWebサイト開発</a><a href="https://b.hatena.ne.jp/entry/s/ichi-bit.hateblo.jp/entry/2017/11/08/create-react-app_%E3%81%A7_React_%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%81%AE%E6%8E%B2%E7%A4%BA%E6%9D%BF%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B%EF%BC%88%E6%8A%95">はてなブックマーク - create-react-app で React フロントエンドの掲示板を作ってみる（投稿） - JavaScriptだけでWebサイト開発</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

create-react-app で React フロントエンドの掲示板を作ってみる（投稿） - JavaScriptだけでWebサイト開発

前回の続きです。フォームを表示して、投稿をできるようにします。作るものこれまで作ってきた掲示板... 前回の続きです。フォームを表示して、投稿をできるようにします。作るものこれまで作ってきた掲示板と同じものフロントエンドが今回作るもの。前回作った掲示板 APIと連携して書き込みデータをやりとりする。サーバーAPIを立ち上げておく前前回作った「掲示板REST API」を localhost:3000で立ち上げておきます。このサーバーと今回作るアプリが連携します。開発環境 MacOS High Sierra 詳細はこちら 1. App.jsにコンポーネントを追加 App.js import React, { Component } from 'react'; import './App.css'; /** * 書き込み１件 */ class Post extends Component { render() { return ( <div className="kakikomi"