Add Link component
This commit is contained in:
21
js/components/Link.js
Normal file
21
js/components/Link.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import React from 'react';
|
||||
import { connect } from 'react-redux';
|
||||
import actions from '../actions';
|
||||
|
||||
function Link({ pageName, children, navigate, className}) {
|
||||
const handleClick = (e) => {
|
||||
e.preventDefault();
|
||||
navigate(pageName);
|
||||
};
|
||||
|
||||
return (
|
||||
<a href={`/${pageName}.html`} onClick={handleClick} {...{ className }}>
|
||||
{children}
|
||||
</a>
|
||||
);
|
||||
}
|
||||
|
||||
export default connect(
|
||||
undefined,
|
||||
actions
|
||||
)(Link);
|
||||
Reference in New Issue
Block a user