multi_page_webpack_react_app/src/views/search/index.js

基于webpack4配置的多页面react项目、开箱即用的脚手架。默认配置为react+less，可根据需求自行修改（vue、jq，sass、stylus等），也可自行修改为单页面应用。

import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import moment from 'moment';
import common from '@/utils/common';

import 'lib-flexible';
import './index.less';


const App = () => {
  const [timer, setTimer] = useState(
    moment().format('MMMM Do YYYY, h:mm:ss a'),
  );

  useEffect(() => {
    setInterval(() => {
      setTimer(moment().format('MMMM Do YYYY, h:mm:ss a'));
    }, 1000);
  });
  return (
    <div>
      <h1>{common()}</h1>
      <p>{timer}</p>
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById('root'));