react 自分用まとめ

プロジェクト作成

npx create-react-app アプリ名
cd アプリ名
npm start

reactとdjango

React+DjangoRESTFramworkでSPAのToDoアプリをつくる

django-import-export

モデル作った後にmakemigrationsとmigrateを行うこと！
やらないとエラーが起きる
django-import-exportで管理画面にCSVエクスポート機能を追加する #Python - Qiita

propsについて

親から子へ

子から親へ

子
const child = ({change_abc}) => {
  const b = (abc) => {
  change_abc(abc);
}
return(
<button onclick={b}>変更</button>
)
}
=====================================================
親
const parant = () => {
  set [abc,setabc] = useState('');
  const change_abc = (abc) => {
  setabc(abc);
}
return(
  <child change_abc={change_abc}
)
}

 propsは難しいけど、私なりに解説しよう。
子
１、まず、子を見ます。引数？としてchange_abcを指定。これは親に渡すた　　めと思われる。親から見たコンポーネントで指定している。
２、ボタンでchange_abcが実行されるようにしている。この2つだけ。

親
１、childからのpropsでchange_abcでchange_abcが動くようにしている。
２、引数を取得しているので、その結果usestateのabcに受け取った値が入る

.mapがシンタックスエラー起きたときは、         
if (Array.isArray(friendinfo)) {記述}
で回避できる