3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-31 18:07:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(v2): use react hooks on root app (#1095)

Browse source 
* refactor(v2): use functional component + react hooks for App

* docusaurus/link

* nits

* review
This commit is contained in:
Endilie Yacop Sucipto 2018-11-08 10:23:07 +08:00 • committed by GitHub
parent 72d1fa2d2a
commit 8695ed89a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
23 changed files with 65 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

26
v2/lib/core/App.js
View file

@ -5,7 +5,7 @@
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
import React, {useState} from 'react';
import {renderRoutes} from 'react-router-config';
import routes from '@generated/routes'; // eslint-disable-line
@ -27,23 +27,13 @@ const data = {
siteConfig,
};
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
setContext: context => {
this.setState(context);
},
};
}
render() {
return (
<DocusaurusContext.Provider value={{...data, ...this.state}}>
{renderRoutes(routes)}
</DocusaurusContext.Provider>
);
}
function App() {
const [context, setContext] = useState({});
return (
<DocusaurusContext.Provider value={{...data, ...context, setContext}}>
{renderRoutes(routes)}
</DocusaurusContext.Provider>
);
}
export default App;