Jump to content
php.lv forumi
  • 0

ReactJS - importēt kodu no cita faila


maarc93
 Share

Question

12 answers to this question

Recommended Posts

  • 1

Paņem webpack un saliec kopā ar babel. https://webpack.js.org/guides/get-started/

Tad no JavaScript failiem varēsi rakstīt import { some, shit } from './stuff' un izmantot jaunās ES6 fīčas.

Edited by daGrevis
Link to comment
Share on other sites

  • 0

Visi cienoši sevi cilvēki kompilē javascriptu. Cik saprotu, cilvēks lieto ReactJS - kā jQuery? Un pie katra lapas pārlādes pa jaunu javascriptu ielāde no jauna? Atvainojos, varu derēt ka jQuery ari ir pieskrūvēts pilnam komplektam.

Kompilē ReactJS daļu atsevišķi, kā pienākas.

Edited by Wuu
Link to comment
Share on other sites

  • 0

paldies, viss skaidrs ar webpack, bet kā darīt gadījumā, ja aplikācijā ir paredzēti vairāki lietotāji un katram ir savs role. kā to padot uz JavaScript? šobrīd laravel blade padodu role_id un ar JS ielasu, bet to ir pārāk vienkārši apiet.

Link to comment
Share on other sites

  • 0

Ja lieto react-router v3, <Route to="/dashboardd" onEnter={} /> onEnter ļauj redirected lietotaju

Ja lieto react-router v4, var izmantot <Redirect /> komponentu

Ja nelieto, izveido componentu wraperi, kura render izkatās kaut kā šādi.

const Wrapper = ({isAdmin, children}) => {
    if (isAdmin === true) {
        return <div>{children}</div>
    }
    return <h1>You need to login</h1>
}

tad

const App = () =>
	<div>
		<Wrapper isAdmin={true}>
			<h1>Dashboard</h1>
		</Wrapper>
	</div>

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...