Commit864a26e

committed

setup cond rendering route

1 parent9c530c9 commit864a26eCopy full SHA for 864a26e

File tree

+41

-1

lines changed

+41

-1

lines changed

Lines changed: 12 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,8 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`	`2`	`import*asCRfrom'typings'`
	`3`	`+importNewPagefrom'./components/New'`
	`4`	`+importContinuePagefrom'./components/Continue'`
	`5`	`+importCondfrom'./components/Cond'`
`3`	`6`
`4`	`7`	`interfaceReceivedEvent{`
`5`	`8`	`data:CR.Action`
`@@ -24,8 +27,16 @@ const Routes = () => {`
`24`	`27`	`window.removeEventListener(listener,handleEvent)`
`25`	`28`	`}`
`26`	`29`	`})`
	`30`	`+`
`27`	`31`	`return(`
`28`		`-<div>State:{JSON.stringify(state)}</div>`
	`32`	`+<div>`
	`33`	`+<Condstate={state}path="SelectTutorial.NewTutorial">`
	`34`	`+<NewPageonNew={()=>console.log('new!')}/>`
	`35`	`+</Cond>`
	`36`	`+<Condstate={state}path="SelectTutorial.ContinueTutorial">`
	`37`	`+<ContinuePageonContinue={()=>console.log('continue!')}tutorials={[]}/>`
	`38`	`+</Cond>`
	`39`	`+</div>`
`29`	`40`	`)`
`30`	`41`	`}`
`31`	`42`

Lines changed: 17 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,17 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{stateMatch}from'./utils/state'`
	`3`	`+`
	`4`	`+interfaceProps{`
	`5`	`+state:any`
	`6`	`+path:string`
	`7`	`+children:React.ReactElement`
	`8`	`+}`
	`9`	`+`
	`10`	`+constCond=(props:Props)=>{`
	`11`	`+if(!stateMatch(props.state,props.path)){`
	`12`	`+returnnull`
	`13`	`+}`
	`14`	`+returnprops.children`
	`15`	`+}`
	`16`	`+`
	`17`	`+exportdefaultCond`

Lines changed: 12 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,12 @@`
	`1`	`+exportfunctionstateMatch(state:any,statePath:string){`
	`2`	`+letcurrent=state`
	`3`	`+letpaths=statePath.split('.')`
	`4`	`+try{`
	`5`	`+for(constpofpaths){`
	`6`	`+current=current[p]`
	`7`	`+}`
	`8`	`+}catch(error){`
	`9`	`+returnfalse`
	`10`	`+}`
	`11`	`+returncurrent!==undefined`
	`12`	`+}`

Comments

(0)