convert ManageCoursePage from class to function with hooks
parent
3a6fcd1637
commit
2fe0b6c647
|
@ -1,14 +1,12 @@
|
||||||
import React from "react";
|
import React, { useEffect } from "react";
|
||||||
import { connect } from "react-redux";
|
import { connect } from "react-redux";
|
||||||
import { loadCourses } from "../../redux/actions/courseActions";
|
import { loadCourses } from "../../redux/actions/courseActions";
|
||||||
import { loadAuthors } from "../../redux/actions/authorActions";
|
import { loadAuthors } from "../../redux/actions/authorActions";
|
||||||
import PropTypes from "prop-types";
|
import PropTypes from "prop-types";
|
||||||
import { bindActionCreators } from "redux";
|
import { bindActionCreators } from "redux";
|
||||||
|
|
||||||
class ManageCoursePage extends React.Component {
|
function ManageCoursePage({ courses, authors, actions }) {
|
||||||
componentDidMount() {
|
useEffect(() => {
|
||||||
const { courses, authors, actions } = this.props;
|
|
||||||
|
|
||||||
if (courses.length === 0) {
|
if (courses.length === 0) {
|
||||||
actions.loadCourses().catch((error) => {
|
actions.loadCourses().catch((error) => {
|
||||||
alert("Loading courses failed. " + error);
|
alert("Loading courses failed. " + error);
|
||||||
|
@ -20,16 +18,14 @@ class ManageCoursePage extends React.Component {
|
||||||
alert("Loading authors failed. " + error);
|
alert("Loading authors failed. " + error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}, []);
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h2>Manage course</h2>
|
<h2>Manage course</h2>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
ManageCoursePage.propTypes = {
|
ManageCoursePage.propTypes = {
|
||||||
courses: PropTypes.array.isRequired,
|
courses: PropTypes.array.isRequired,
|
||||||
|
|
Loading…
Reference in New Issue