useStateで初期値およびその値を変更する関数名を定義 import React from "react" import { useState } from "react" const App = (props) => { // 初期値定義 const states = { name: "砂糖", price: "100", } // 状態管理 // useStateでは戻り値が二つ(初…

Reduxはコンポーネントが大きくなった際に状態を管理する action コンポーネントの関数をまとめる 格納先(一例) src/actions/xxxx.js reducer actionが発生した際に、そのactionに組み込まれたタイプに応じて状態をどう変化させるのか定義する 以下をインス…

propsについて、ページ側(親)で各コンポーネント(子)にプロパティなどを渡している app.js import React, {Component} from 'react'; const App = () => { const profiles = [ { name: "tarou", favorite: "game", job: "student", score: 80, }, { name: "h…

Djangoで画像を扱いたいときの対応。 projectとしてportfolioを作成 applicationとしてblogを作成 blog/models.py from django.db import models class MyPhotos(models.Model): title = models.CharFiled(max_length=20) image = models.ImageField(upload_…