Multiples Choses
> Création d'un composant MainCard > Création d'un composant Menu > Transformation des expériences en Composant React
This commit is contained in:
32
src/components/MenuComponent/MenuComponent.js
Normal file
32
src/components/MenuComponent/MenuComponent.js
Normal file
@@ -0,0 +1,32 @@
|
||||
import React, {Component} from '../../../node_modules/react';
|
||||
import './MenuComponent.scss'
|
||||
|
||||
// import { connect } from "react-redux";
|
||||
// import { bindActionCreators } from "redux";
|
||||
// import * as MenuComponentActions from "../../store/MenuComponent/actions";
|
||||
let title = "Anthony Dumas";
|
||||
let jobTitle = "Développeur Full Stack";
|
||||
export default class MenuComponent extends Component {
|
||||
// constructor(props) {
|
||||
// super(props);
|
||||
// this.state = {};
|
||||
// }
|
||||
render() {
|
||||
return <section id="menu" class="hero is-primary dontPrint is-bold">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h1 class="title">
|
||||
{title}
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
{jobTitle}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>;
|
||||
}
|
||||
}
|
||||
// export default connect(
|
||||
// ({ MenuComponent }) => ({ ...MenuComponent }),
|
||||
// dispatch => bindActionCreators({ ...MenuComponentActions }, dispatch)
|
||||
// )( MenuComponent );
|
||||
4
src/components/MenuComponent/MenuComponent.scss
Normal file
4
src/components/MenuComponent/MenuComponent.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
|
||||
.component-menu-component{
|
||||
|
||||
}
|
||||
2
src/components/MenuComponent/index.js
Normal file
2
src/components/MenuComponent/index.js
Normal file
@@ -0,0 +1,2 @@
|
||||
import MenuComponent from "./MenuComponent"
|
||||
export default MenuComponent;
|
||||
Reference in New Issue
Block a user