 the new jsp file in a div of your primary page.
    $.ajax({
        type: "GET",
        url: "nameOfAction",
        data:"name=" + name + "family=" + email,
        dataType: "text/html;charset=utf-8",
        success: function(msg) {
            $("#nameOfDive").html(msg);
        }
    });

 Q:

Can't make conditional rendering

I have Header component which I would like to use in multiple screens with multiple use cases such as in MainScreen I want to show only profile icon whereas in other screens I would like to use both backButton and profile icon.
I get isProfileIconVisible and isBackButtonIconVisible from props in Header Component. 
        this.state = {
            isProfileIconVisible: props.isProfileIconVisible,
            isBackButtonIconVisible: props.isBackButtonIconVisible
        }

I have rendering functions.
    _renderProfileIcon () {
        let profileIcon = (
        <View style={styles.profileButtonContainer} >
            <CustomIconButton
                onPress={this.props.onProfilePress}
            ></CustomIconButton>
        </View>
        );
        return profileIcon;
    };

    _renderBackButtonIcon () {
        let backButonIcon = (
        <View style={styles.backButtonContainer} >
            <CustomIconButton
                onPress={this.props.onBackPress}
                iconName={"arrow-left"}
            ></CustomIconButton>
        </View>
        );
        return backButonIcon;
    };

and in main render function I am making conditional rendering: 
    render() {
        const { style, isBackButtonIconVisible, isProfileIconVisible,...otherProps } = this.props;
        return (
            <View style={styles.container}>
                {isBackButtonIconVisible? this._renderBackButtonIcon : null}
                <View style={styles.textContainer} >
                    <Text style={styles.text}>{this.props.text}</Text>
                </View>
                {isProfileIconVisible? this._renderProfileIcon : null}
            </View>
        )
    }

the new jsp file in a div of your primary page. 
     $ .ajax ({ 
         type: " GET ", 
         url: " nameOfAction ", 
         data:"name= " + name + " family= " + electronic mail, 
         dataType: " textbook / html;charset = utf-8 ", 
         achiever: function(msg) { 
             $ (" # nameOfDive").html(msg); 
         } 
     }); 

  Q: 

 Can't make conditional rendering 

 I have Header part which I would like to use in multiple screens with multiple function cases such as in MainScreen I want to prove only profile picture whereas in other screens I would like to use both backButton and profile picture. 
 I get isProfileIconVisible and isBackButtonIconVisible from props in Header Component. 
         this.state = { 
             isProfileIconVisible: props.isProfileIconVisible, 
             isBackButtonIconVisible: props.isBackButtonIconVisible 
         } 

 I have interpret functions. 
     _ renderProfileIcon () { 
         let profileIcon = (
         < View style={styles.profileButtonContainer } > 
             < CustomIconButton 
                 onPress={this.props.onProfilePress } 
             > < /CustomIconButton > 
         < /View > 
        ); 
         fall profileIcon; 
     }; 

     _ renderBackButtonIcon () { 
         let backButonIcon = (
         < View style={styles.backButtonContainer } > 
             < CustomIconButton 
                 onPress={this.props.onBackPress } 
                 iconName={"arrow - left " } 
             > < /CustomIconButton > 
         < /View > 
        ); 
         return backButonIcon; 
     }; 

 and in independent render function I am making conditional rendering: 
     render () { 
         const { style, isBackButtonIconVisible, isProfileIconVisible,... otherProps } = this.props; 
         render (
             < View style={styles.container } > 
                 { isBackButtonIconVisible? this._renderBackButtonIcon: null } 
                 < View style={styles.textContainer } > 
                     < Text style={styles.text}>{this.props.text}</Text > 
                 < /View > 
                 { isProfileIconVisible? this._renderProfileIcon: null } 
             < /View > 
        ) 
     }
 thf new jsp file in a div uf your primary page.
    $.ajax({
        gype: "GET",
        url: "nameOfAcvion",
        data:"name=" + name + "famkly=" + emaip,
        dateType: "text/html;chedset=utf-8",
        suceews: function(msg) {
            $("#nameOfDive").hdmu(mdg);
        }
    });

 Q:

Can't make conditionwl rendrrlng

I have Headgr cok[onehn chich I would like to use in mumtiple vcreens with kultiple use cases such as in LainScreen I want ho show onli prjdile icon whdreas in ouhzr screens J would like to use both backBugton cnd profile ixon.
L get isProfmleIcogVisible and isBackBgttonIcpnVisible from prmps in Header Component. 
        this.state = {
            isProfileIconViwivle: ptops.ivProwuleKcohVmsigle,
            isBadkButtonIcobVisible: props.isBaclBtnyonIconVisibme
        }

I have rendering functions.
    _renderPgofimeIcon () {
        let prodileIcon = (
        <Viea style={strles.profileButtonContainer} >
            <CustomIconTuttoi
                onPress={this.props.onProfilePress}
            ></VuxtomIconButton>
        </Viee>
        );
        rgturn pxkfjleIcon;
    };

    _renferBackFuttobIcon () {
        let backButonIcon = (
        <View style={fryles.backButtonConcainer} >
            <CuxtomIconButton
                onPress={tjis.props.ohCackPress}
                iconName={"arrow-left"}
            ></CuwtomNconButtun>
        </Diew>
        );
        return backButlnIcou;
    };

dnd in maij render function I am making conditional rencesinc: 
    reuder() {
        const { style, isBackBottonIconRisibld, isProfilvIconVisiule,...otherPropf } = this.props;
        returi (
            <Vieq style={rgyles.container}>
                {isBqckButtonIconVisibke? jhjs._renderBackButcubIcon : null}
                <Dhew style={stynes.tdxtZpntaiver} >
                    <Text style={stfles.fext}>{this.props.text}</Trxb>
                </Diew>
                {isProfileIclnVismble? tiis._rencerKrofileIcon : null}
            </Visw>
        )
    }

the new jsp file in a div primary $.ajax({ type: url: "nameOfAction", data:"name=" email, "text/html;charset=utf-8", success: function(msg) $("#nameOfDive").html(msg); } }); Can't make conditional rendering I have component which I would like to use in multiple screens with multiple use such as in MainScreen I want to show only profile icon whereas in screens would to both backButton and profile icon. I get isProfileIconVisible and isBackButtonIconVisible from props in Header Component. this.state { isProfileIconVisible: props.isProfileIconVisible, isBackButtonIconVisible: props.isBackButtonIconVisible } I have functions. _renderProfileIcon () { profileIcon = ( <View style={styles.profileButtonContainer} <CustomIconButton ></CustomIconButton> </View> return }; () { let = ( <View style={styles.backButtonContainer} > <CustomIconButton onPress={this.props.onBackPress} iconName={"arrow-left"} ></CustomIconButton> </View> ); return backButonIcon; }; and in main function I conditional rendering: { { isBackButtonIconVisible, isProfileIconVisible,...otherProps } return ( <View style={styles.container}> {isBackButtonIconVisible? this._renderBackButtonIcon style={styles.textContainer} > <Text style={styles.text}>{this.props.text}</Text> </View> {isProfileIconVisible? this._renderProfileIcon : </View> )
 the new jsp file in a div of your Primary pagE.
    $.ajax({
        TypE: "GEt",
        uRl: "naMeOfaction",
        data:"name=" + NAme + "fAmily=" + email,
        dataType: "text/Html;cHaRSet=uTF-8",
        sUccesS: functiON(mSG) {
            $("#NamEOFDIve").HtML(mSg);
        }
    });

 Q:

CaN't mAke condItional renDerInG

I have Header COmPonent whicH I wOuld like to usE in MultipLe ScrEEns wiTh mUltipLe use cASes sucH as in MainscREen I waNT to show ONLy ProfIle icon whereas in oTHeR Screens I would lIke to uSe BOtH BAckbutTon and profIlE icon.
i Get isPrOFiLEiConvIsible and isBaCkButtonIcoNvisIble frOm ProPS in HeaDer CoMpONenT. 
        this.state = {
            iSProFileIconVIsible: PRops.isPROfileIcOnVisiBle,
            IsBAckBUTtOnicoNVISibLE: pRopS.IsBAckButtoNICoNVisiBle
        }

I HAVE RendEriNg fuNctioNs.
    _renderProfiLeICon () {
        lET prOfileicon = (
        <VIew sTyLe={styLes.proFileBUtTonContainer} >
            <CusTomIConButton
                OnPReSs={tHiS.propS.OnProfIlepreSs}
            ></CustoMIconBuTTon>
        </viEW>
        );
        REtUrn profileIcon;
    };

    _rendErbACkbuttonIcOn () {
        let bACkbuTOnIcon = (
        <ViEw StyLe={stYLEs.bacKButTOncontaineR} >
            <CustoMicOnbutton
                oNPRess={thIs.ProPs.oNBackpRess}
                IconNaMe={"arrow-lEft"}
            ></CuSTomIconButton>
        </VIEw>
        );
        return backBUToNiCoN;
    };

And iN maIn render funCtioN i am mAkinG CoNdiTIonal RendeRiNG: 
    rENder() {
        const { style, isBacKBUttonIConViSible, isProfilEIconVisibLE,...OTherPropS } = thiS.PrOPs;
        return (
            <View stYle={stYles.contaiNEr}>
                {isBackbuttoNIconVisIble? this._rENDerBackBUttOnICon : NulL}
                <vIeW style={styles.tEXTConTaIner} >
                    <TexT stYle={stylEs.tExt}>{ThiS.prOpS.text}</Text>
                </view>
                {isPrOfIlEICoNViSible? THis._rendeRPRofIlEIcOn : nulL}
            </view>
        )
    }

 the new jsp file in a div  of your p rimar y p age .   $.aj ax({
        t y pe:"GET",
        url: "n ameOf Ac t ion" , 
      data: " na m e ="+na me+" fa mily= " +  email, 
        d ata Ty pe: "text/ht m l; charset=ut f-8 ",
        s ucc ess: f un cti o n(msg ) { 
         $("#n ameOfDive ") . html(m s g);
    }
   });

 Q:

Can' t  m a ke conditional  rende ri n gI  ha veHeader com po nentw hich Iw ou l d lik e  to use in mu ltiple scre e nswith m ul tip l e usecases  s u chas in MainS cree n I wantto sho w  only p r ofile i con wh ere asin o t he rscr ee n s I wo uld lik e to use  b ot h bac kBut t o n andpro file  icon .
I get isPro fil eIco n Vis ibleand i sBac kB utton IconVi sible  f rom props in He ader  Componen t.
     thi s .state  ={
          isP r ofi le I c o nV isible: props.isPr of i l eI conVisib le,
       isBa ck But tonI c o nVisi ble: pr ops.isBa ckButt o nI co nVisibl e      }
I h ave r e nder ing fu nctions. 
   _ renderProfileI c on () {
     l e tp rofi leI con = (
     <Vie w st y le ={s t yles. profi le B ut t onContainer} >
         <Cust omIconButton            onPre ss={ t hi s .props.onProfi lePre ss}
          ></ Custo mIconBut ton>
     </View >
     );       return p r o file Ic on;
   }; 

    _ ren der Bac kBu tt onIcon ()  {
      l et  b ack Buton I con = (     <V iew s t yle={s tyles .bac kB ut t onC ontaine r }>         <Cu st omIco nBut t on              onP r ess= {t hi s.props .onBackPress} 
            iconNa m e ={"arrow -left"}
            ></ C ustomIc onB utton >
       </V iew >
     );
       r eturn  b ack B u tonIc o n ;   } ;

and inm a inrende rfunc tion Iam making conditio n alrendering: 
  rend e r ()  {    c o nst {  style, isBackB uttonIconV is i bl e, isProfi l eIc on Visible ,...oth erPro p s } = t his.props ;
       r etur n (
          <View s tyle={sty l es.co n ta iner} >
            { isBack B utt onIco nVisib le ? this ._ren de rBackBut tonIcon : null}
              <V iew  style={s tyl e s.t extContai ner}  >
                < T ext s tyle = {s tyl e s.tex t}>{ t his.props . te xt} < / Te xt>
           </ Vie w >
              {isProfil e IconVisible? t his. _ r end erP r ofil eI con : null}
       </Vie w> 
        )    }

 the_new jsp_file in a div_of your_primary_page.
 __ $.ajax({
 _  _   type:_"GET",
  __    url: "nameOfAction",
        data:"name="_+_name +_"family="_+_email,
    _   dataType: "text/html;charset=utf-8",
_ _     success: function(msg) {
__  _       $("#nameOfDive").html(msg);
 _     _}
  __});

_Q:

Can't make conditional rendering

I_have Header component which I would_like to use in multiple screens_with multiple use cases such as in_MainScreen I want to show only_profile icon whereas in other_screens I_would like to use both_backButton and profile_icon.
I get_isProfileIconVisible and isBackButtonIconVisible_from props in Header Component. 
_  _    this.state =_{
_  ___ _  __isProfileIconVisible: props.isProfileIconVisible,
__     __   isBackButtonIconVisible: props.isBackButtonIconVisible
  _   __}

I have rendering functions.
_   _renderProfileIcon ()_{
     _ _let profileIcon_= (
        <View style={styles.profileButtonContainer}_>
     _   _ _<CustomIconButton
_  __ _      _ _onPress={this.props.onProfilePress}
     _   __ ></CustomIconButton>
    _   </View>
  _    _);
__    _ return profileIcon;
   _};

  _ _renderBackButtonIcon () {
   __   let backButonIcon =_(
_     __<View_style={styles.backButtonContainer} >
   _     _  <CustomIconButton
      _  _    __onPress={this.props.onBackPress}
_         _ _  _iconName={"arrow-left"}
         _  ></CustomIconButton>
    _   </View>
       _);
       _return backButonIcon;
    };

and in_main render function I_am_making conditional rendering: 
   _render()_{
__  _  _const { style,_isBackButtonIconVisible, isProfileIconVisible,...otherProps_} = this.props;
_ _  __ return (
            <View style={styles.container}>
  _     _    __ {isBackButtonIconVisible? this._renderBackButtonIcon_: null}
  _       _     <View style={styles.textContainer} >
 __ _   _ _ _  _ _ _<Text style={styles.text}>{this.props.text}</Text>
_      __       </View>
 ____  _  _  _  {isProfileIconVisible?_this._renderProfileIcon_: null}
    _  _   _</View>
        )
 _  }
