What is right way to design an component class with private properties in react native
Is there any recommended way to have private properties/Variables for the component and update the values in Constructor and use those properties throughout the components
Example:
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<View>
{
this.getCurrentForm()
}
</View>
)
}
}Is this the right way of doing class and property based approach.
Or i should always set the value and props to state please recommend.
reactjs react-native
edited Nov 23 '18 at 9:35
kivul
487114
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
add a comment |
Is there any recommended way to have private properties/Variables for the component and update the values in Constructor and use those properties throughout the components
Example:
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<View>
{
this.getCurrentForm()
}
</View>
)
}
}Is this the right way of doing class and property based approach.
Or i should always set the value and props to state please recommend.
reactjs react-native
edited Nov 23 '18 at 9:35
kivul
487114
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
add a comment |
Is there any recommended way to have private properties/Variables for the component and update the values in Constructor and use those properties throughout the components
Example:
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<View>
{
this.getCurrentForm()
}
</View>
)
}
}Is this the right way of doing class and property based approach.
Or i should always set the value and props to state please recommend.
reactjs react-native
edited Nov 23 '18 at 9:35
kivul
487114
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
Is there any recommended way to have private properties/Variables for the component and update the values in Constructor and use those properties throughout the components
Example:
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<View>
{
this.getCurrentForm()
}
</View>
)
}
}Is this the right way of doing class and property based approach.
Or i should always set the value and props to state please recommend.
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<View>
{
this.getCurrentForm()
}
</View>
)
}
}export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<View>
{
this.getCurrentForm()
}
</View>
)
}
}reactjs react-native
reactjs react-native
edited Nov 23 '18 at 9:35
kivul
487114
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
edited Nov 23 '18 at 9:35
kivul
487114
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
edited Nov 23 '18 at 9:35
kivul
487114
edited Nov 23 '18 at 9:35
kivul
487114
edited Nov 23 '18 at 9:35
kivul
487114
487114
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
asked Nov 23 '18 at 9:17
GowthamanGowthaman
231415
231415
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I ain't familiar with ReactNative, but es6 classes do not support private properties. The way to achieve them though, is to just declare the variable outside the class, but in the same file, like this:
let _somePrivateProperty='hey';
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<div>
<p>{_somePrivateProperty}</p>
<View>
{
this.getCurrentForm()
}
</View>
</div
)
}
}
Hope that this is what you meant.
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
if i declare the private properties outside the calls, Is it possible to set the value in the constructor.?
– Gowthaman
Nov 23 '18 at 10:51
I think so..Just try, and let me know :D. After all, this is just JS, React or not
– sheff2k1
Nov 23 '18 at 12:17
add a comment |
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%2f53443690%2fwhat-is-right-way-to-design-an-component-class-with-private-properties-in-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I ain't familiar with ReactNative, but es6 classes do not support private properties. The way to achieve them though, is to just declare the variable outside the class, but in the same file, like this:
let _somePrivateProperty='hey';
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<div>
<p>{_somePrivateProperty}</p>
<View>
{
this.getCurrentForm()
}
</View>
</div
)
}
}
Hope that this is what you meant.
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
if i declare the private properties outside the calls, Is it possible to set the value in the constructor.?
– Gowthaman
Nov 23 '18 at 10:51
I think so..Just try, and let me know :D. After all, this is just JS, React or not
– sheff2k1
Nov 23 '18 at 12:17
add a comment |
I ain't familiar with ReactNative, but es6 classes do not support private properties. The way to achieve them though, is to just declare the variable outside the class, but in the same file, like this:
let _somePrivateProperty='hey';
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<div>
<p>{_somePrivateProperty}</p>
<View>
{
this.getCurrentForm()
}
</View>
</div
)
}
}
Hope that this is what you meant.
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
if i declare the private properties outside the calls, Is it possible to set the value in the constructor.?
– Gowthaman
Nov 23 '18 at 10:51
I think so..Just try, and let me know :D. After all, this is just JS, React or not
– sheff2k1
Nov 23 '18 at 12:17
add a comment |
I ain't familiar with ReactNative, but es6 classes do not support private properties. The way to achieve them though, is to just declare the variable outside the class, but in the same file, like this:
let _somePrivateProperty='hey';
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<div>
<p>{_somePrivateProperty}</p>
<View>
{
this.getCurrentForm()
}
</View>
</div
)
}
}
Hope that this is what you meant.
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
I ain't familiar with ReactNative, but es6 classes do not support private properties. The way to achieve them though, is to just declare the variable outside the class, but in the same file, like this:
let _somePrivateProperty='hey';
export default class Workarea extends React.Component {
constructor(props) {
super(props);
MenuProps = this.props.navigation.getParam('MenuProps', {})
}
MenuProps= {};
getCurrentForm = () => {
if(MenuProps.Type == "Type1") {
this.RenderType1();
}
if(MenuProps.Type == "type2") {
this.RenderType2();
}
}
render() {
return (
<div>
<p>{_somePrivateProperty}</p>
<View>
{
this.getCurrentForm()
}
</View>
</div
)
}
}
Hope that this is what you meant.
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
answered Nov 23 '18 at 9:59
sheff2k1sheff2k1
395212
395212
if i declare the private properties outside the calls, Is it possible to set the value in the constructor.?
– Gowthaman
Nov 23 '18 at 10:51
I think so..Just try, and let me know :D. After all, this is just JS, React or not
– sheff2k1
Nov 23 '18 at 12:17
add a comment |
if i declare the private properties outside the calls, Is it possible to set the value in the constructor.?
– Gowthaman
Nov 23 '18 at 10:51
I think so..Just try, and let me know :D. After all, this is just JS, React or not
– sheff2k1
Nov 23 '18 at 12:17
if i declare the private properties outside the calls, Is it possible to set the value in the constructor.?
– Gowthaman
Nov 23 '18 at 10:51
if i declare the private properties outside the calls, Is it possible to set the value in the constructor.?
– Gowthaman
Nov 23 '18 at 10:51
I think so..Just try, and let me know :D. After all, this is just JS, React or not
– sheff2k1
Nov 23 '18 at 12:17
I think so..Just try, and let me know :D. After all, this is just JS, React or not
– sheff2k1
Nov 23 '18 at 12:17
add a comment |
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%2f53443690%2fwhat-is-right-way-to-design-an-component-class-with-private-properties-in-react%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
