Get values in URL in mobx5
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I am using mobx v5 and I am trying to use Link to redirect my page to another page with specific id. But I am not able to get the {data.cluID} in the detail component.
This is page to redirect to new component.
<Link key={index} to={`/detail/${data.clubID}`}>
<Flex>
<div>
<ul>
//...
</ul>
</div>
<div>
</div>
</Flex>
</Link>
This is the detail component, and I injected a store into the component. I can get methods from my injected store but I cannot get the ${data.clubID}. In props, there is only one element called clubMemberStore. It seems that store has already overwritten the props.
import React from 'react'
import { inject, observer } from 'mobx-react'
import './clubDetail.css'
@inject('clubMemberStore') @observer
class ClubDetail extends React.Component {
constructor(props) {
console.log('props', props)
console.log('params', props.params)
console.log('match', props.match)
console.log('match', props.router)
super(props)
this.store = this.props.clubMemberStore
}
componentDidMount() {
this.store.getMemberDataList()
}
render() {
const { detailPageClubInfo } = this.props.clubMemberStore
return (
<div>
//...
</div>
)
}
}
export default ClubDetail
Anyone can teach me how to fetch values passed by url? Thanks in advance.
javascript reactjs router mobx
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
add a comment |
I am using mobx v5 and I am trying to use Link to redirect my page to another page with specific id. But I am not able to get the {data.cluID} in the detail component.
This is page to redirect to new component.
<Link key={index} to={`/detail/${data.clubID}`}>
<Flex>
<div>
<ul>
//...
</ul>
</div>
<div>
</div>
</Flex>
</Link>
This is the detail component, and I injected a store into the component. I can get methods from my injected store but I cannot get the ${data.clubID}. In props, there is only one element called clubMemberStore. It seems that store has already overwritten the props.
import React from 'react'
import { inject, observer } from 'mobx-react'
import './clubDetail.css'
@inject('clubMemberStore') @observer
class ClubDetail extends React.Component {
constructor(props) {
console.log('props', props)
console.log('params', props.params)
console.log('match', props.match)
console.log('match', props.router)
super(props)
this.store = this.props.clubMemberStore
}
componentDidMount() {
this.store.getMemberDataList()
}
render() {
const { detailPageClubInfo } = this.props.clubMemberStore
return (
<div>
//...
</div>
)
}
}
export default ClubDetail
Anyone can teach me how to fetch values passed by url? Thanks in advance.
javascript reactjs router mobx
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
add a comment |
I am using mobx v5 and I am trying to use Link to redirect my page to another page with specific id. But I am not able to get the {data.cluID} in the detail component.
This is page to redirect to new component.
<Link key={index} to={`/detail/${data.clubID}`}>
<Flex>
<div>
<ul>
//...
</ul>
</div>
<div>
</div>
</Flex>
</Link>
This is the detail component, and I injected a store into the component. I can get methods from my injected store but I cannot get the ${data.clubID}. In props, there is only one element called clubMemberStore. It seems that store has already overwritten the props.
import React from 'react'
import { inject, observer } from 'mobx-react'
import './clubDetail.css'
@inject('clubMemberStore') @observer
class ClubDetail extends React.Component {
constructor(props) {
console.log('props', props)
console.log('params', props.params)
console.log('match', props.match)
console.log('match', props.router)
super(props)
this.store = this.props.clubMemberStore
}
componentDidMount() {
this.store.getMemberDataList()
}
render() {
const { detailPageClubInfo } = this.props.clubMemberStore
return (
<div>
//...
</div>
)
}
}
export default ClubDetail
Anyone can teach me how to fetch values passed by url? Thanks in advance.
javascript reactjs router mobx
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
I am using mobx v5 and I am trying to use Link to redirect my page to another page with specific id. But I am not able to get the {data.cluID} in the detail component.
This is page to redirect to new component.
<Link key={index} to={`/detail/${data.clubID}`}>
<Flex>
<div>
<ul>
//...
</ul>
</div>
<div>
</div>
</Flex>
</Link>
This is the detail component, and I injected a store into the component. I can get methods from my injected store but I cannot get the ${data.clubID}. In props, there is only one element called clubMemberStore. It seems that store has already overwritten the props.
import React from 'react'
import { inject, observer } from 'mobx-react'
import './clubDetail.css'
@inject('clubMemberStore') @observer
class ClubDetail extends React.Component {
constructor(props) {
console.log('props', props)
console.log('params', props.params)
console.log('match', props.match)
console.log('match', props.router)
super(props)
this.store = this.props.clubMemberStore
}
componentDidMount() {
this.store.getMemberDataList()
}
render() {
const { detailPageClubInfo } = this.props.clubMemberStore
return (
<div>
//...
</div>
)
}
}
export default ClubDetail
Anyone can teach me how to fetch values passed by url? Thanks in advance.
javascript reactjs router mobx
javascript reactjs router mobx
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
asked Nov 25 '18 at 8:58
FrankieFrankie
530725
530725
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53466017%2fget-values-in-url-in-mobx5%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53466017%2fget-values-in-url-in-mobx5%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
