👁‍🗨 React: Render mit if HTML

React Render ; Render IF ; IF HTML ;

React: Render mit if HTML

26.02.2021 (👁8058)

Bei Status bedingten Anzeigen von HTML Elementen kann man entweder im Render() Block direkt ein if ( Bereich ) definieren oder

{

this.state.ok === true && (

//--< Buttons >--

</Fab>

</Link>

)

//--</ Buttons >--

}

embed expressions in JSX

{ state-Wert mit && ( HTML ) }

True

Bei this.state.visible_Variable = true

False

Bei this.state.visible_Variable = false

Die State Variable sollte im Contructor definiert sein.

export class Edit extends Component {

//--------< component: Article >--------

//----< compontent >----

baseURL = "/";

constructor(props) {

//-< react: parameter >

super(props);

//-</ react: parameter >

//--< react: variables >--

this.state = {

idarticle: 0,

iduser: "",

title: "",

textcontent: "",

htmlcontent: "",

folder: "",

keywords: "",

nimages: "",

nvideos: "",

nfiles: "",

dtcreated: "",

dtedit: "",

loading: true,

status: "",

ok: false,

}

this.onClickSubmit = this.onClickSubmit.bind(this); //for using this.function() in component

}

⊲

⊳