React Links

link.js

// https://codesandbox.io/s/z6114jmjlx

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

const FakeRouterLink = (props) => (
  <span {...props} />
);

const Link = ({element, ...props}) => {
  props.href = props.to;
  return React.createElement(element, props);
}
Link.defaultProps = {
  element: "a"
}

function App() {
  return (
    <div className="App">
      <Link element={FakeRouterLink} to="/plop">Je suis un FakeRouterLink</Link>
      <Link element="a" to="http://www.google.fr">Je suis un a</Link>
      <Link element="div">Je suis une div</Link>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);