[S3-E406]将简单react组件写的很装逼——react-document-title组件实现

文章预览

因为react是单页应用，所以我们可能需要根据不同的路由改变文档的title，那么，这时候你可能就会用到react-document-title插件。 这个插件主文件代码41行，主要导入了下面3个依赖包： var React = require('react'), PropTypes = require('prop-types'), withSideEffect = require('react-side-effect');     react-side-effect是一个类似Connect组件的容器，通常它被称为高阶组件。 但是，实际上，我们可以思考，是否可以不使用这个插件完成不同路由修改title的功能，答案是当然可以。 如果使用原生js，修改title的代码只需要一行： document.title = '我是标题' 在react中，我们可以使用非常少的代码封装出一个公共组件，来修改每个路由的title。 import React from 'react' import PropTypes from 'prop-types' export default class ReactDo ………………………………