kintone-React自習 3日目「チュートリアル：React の導入」

「チュートリアル：React の導入」の自習です。

チュートリアルの準備

index.cssファイル作成

https://codepen.io/gaearon/pen/oWWQNa?editors=0100 をコピー

Game.jsx 作成

チュートリアルの index.js を修正。ファイル名はGame.tsxに変更。

import * as React from 'react'

・・・

export default Game

App.tsx 変更

・・・
import Game from './Game'
import './index.css'

kintone.events.on('app.record.index.show', async (event: IndexEvent<any>) => {
・・・
  ReactDOM.render(<Game />, container);
  return event
})

kintone-React自習 3日目「チュートリアル：React の導入」画面キャプチャ

参考：

チュートリアル：React の導入 – React