react-redux-boilerplate-scripts/src/view/about/index.jsx

react-boilerplate-app-scripts

import React from 'react'
import { PropTypes } from 'prop-types'
import { connect } from 'react-redux'
import Locale from 'r2-js/libs/decorator/Locale'
import PageTitle from 'r2-js/libs/decorator/PageTitle'
import BreadCrumb from 'r2-js/libs/decorator/BreadCrumb'

//BreadCrumb must before redux @connect,it's different from layout view
@BreadCrumb.create([
  {
    label: 'About',
    link: '/about',
  },
])
@connect((state)=>{
  return {
  };
})
@PageTitle("About")
@Locale
class AboutView extends React.Component {

  constructor(props){
    super(props); 
  }
  
  render() {
    return (
      <div>
        <h1>{ this.t('About') }</h1>
        { this.t('To get started, edit src/view/about/index.jsx.') }
        <br/>
        { this.t('When you save the file,it will be updated to the browser automatically.') }
      </div>
    )  
  }
}

export default AboutView;