React.Router.Components

newtype Location

RouterState type

newtype BrowserRouter props arg notFoundProps

BrowserRouter prop type

Constructors

• BrowserRouter { config :: RouterConfig, notFound :: Maybe { cls :: ReactClass notFoundProps, props :: notFoundProps }, router :: Cofree List (Tuple (Route props arg) (Maybe (IndexRoute props arg))) }

browserRouter :: forall notfound arg props eff. RoutePropsClass props arg => ReactSpec (BrowserRouter props arg notfound) Location (console :: CONSOLE, dom :: DOM, history :: HISTORY | eff)

ReactSpec for the browserRouterClass - the main entry point react class for the router.

browserRouterClass :: forall notfound arg props. RoutePropsClass props arg => ReactClass (BrowserRouter props arg notfound)

React class for the browerRouter element. Use it to init your application.

 router = ... :: Router _
 main = void $ elm >>= render (createElement browserRouterClass {router, notFound: Nothing} [])
   where
     elm = do
       elm_ <- window >>= document >>= getElementById (ElementId "app") <<< documentToNonElementParentNode <<< htmlDocumentToDocument
       pure $ unsafePartial fromJust (toMaybe elm_)
 ```

newtype LinkProps eff

Constructors

• LinkProps { action :: Eff (props :: ReactProps, refs :: ReactRefs ReadOnly, state :: ReactState ReadWrite | eff) Unit, props :: Array Props, url :: URL }

linkSpec :: forall eff. ReactSpec (LinkProps eff) Unit ()

ReactSpec for the link element; it takes a record of type LinkProps as properties. The props record property is directly passed to underlying a element, e.g. this can be used to add css classes.

linkClass :: forall eff. ReactClass (LinkProps eff)

React class for the link element.

link :: RouterConfig -> URL -> Array Props -> Array ReactElement -> ReactElement

link element; use it instead of a to route the user through application with the default action goto cfg url and custom properties.

link' :: RouterConfig -> URL -> Array ReactElement -> ReactElement

as link, but with empty props.

goto :: forall eff. RouterConfig -> URL -> Eff (console :: CONSOLE, dom :: DOM, history :: HISTORY | eff) Unit

goto url