React Class Component example?

Great library! I actually prefer having all the pages is JSON-ish format, plus you get the benefits of react-loadable built in which is perfect.

I was trying this out and wanted to see if there’s an example of a route which uses a react class component instead of a function.

So instead of

// pages/reference.js
import * as React from 'react'

export default function Reference() {
  return (
    <div>
      <h2>Reference</h2>
    </div>
  )
}

What would be the createPage syntax for this:

import React from 'react'

export default class Reference extends React.Component {
  render() {
    return <h2>Smart Page!</h2>;
  }
}

Thank you!

[jamesknelson]

Have just merged this change, so that content properties that are functions will now be treated as function components, and have a route property passed in.

This will be part of 0.11, which should be released soon after React 16.8 is (with hooks support).

[jamesknelson]

I’ve just made a change to allow this and released it with react-navi 0.9. You can see a demo here:

https://frontarm.com/demoboard/?id=ec703f64-fa4f-4110-9323-8c46de76186f

Previously, if <NavRoute /> saw a function in route.content, it would call it to get the rendered element. I’ve kept this behavior for plain functions, but now it’ll check to see if the content is a class component and create an element if it is, passing through the Route object as props.