kuc-arc-f/test_flash.js

## test_flash.js
// Next.js, flash set sample
import flash from 'next-flash';
import Head from 'next/head';
import Link from 'next/link';
import React from 'react'
import Router from 'next/router'

export default class Page extends React.Component {
  static async getInitialProps (ctx) {
    return flash.get(ctx) || {}
  }
  create () {
    flash.set({ name: 'hoge123' })
    Router.push('/test');
  }
  render () {
    return (
      <div>
        <Head>
          <title>Flash messages in Next</title>
          <meta name='viewport' content='width=device-width, initial-scale=1' />
        </Head>
        { this.props.name ? <div>FLASH MESSAGE {this.props.name}</div> : <div /> }
        <button onClick={() => this.create()}>Create flash message</button>
        <br />
        <Link href={`/test`}>Client-Side Route</Link>
      </div>
    )
  }
}
	// Next.js, flash set sample
	import flash from 'next-flash';
	import Head from 'next/head';
	import Link from 'next/link';
	import React from 'react'
	import Router from 'next/router'

	export default class Page extends React.Component {
	static async getInitialProps (ctx) {
	return flash.get(ctx) \|\| {}
	}
	create () {
	flash.set({ name: 'hoge123' })
	Router.push('/test');
	}
	render () {
	return (
	<div>
	<Head>
	<title>Flash messages in Next</title>
	<meta name='viewport' content='width=device-width, initial-scale=1' />
	</Head>
	{ this.props.name ? <div>FLASH MESSAGE {this.props.name}</div> : <div /> }
	<button onClick={() => this.create()}>Create flash message</button>
	<br />
	<Link href={`/test`}>Client-Side Route</Link>
	</div>
	)
	}
	}