tldreact

Tagged “component”

Set innerHTML in a React Component

component

Set innerHTML in a React Component

dangerouslySetInnerHTML is React’s replacement for using innerHTML in the browser DOM.

Go to code snippet
Simple Form in React

component

Simple Form in React

A simple form in React using useState hooks

Go to code snippet
React Fragments

component

React Fragments

Render multiple react components without the need of a DOM elevent wrapper

Go to code snippet
Conditional Rendering in React

component

Conditional Rendering in React

Use JavaScript operators like if or the conditional operator to create elements representing the current state

Go to code snippet
A simple React function component

component

A simple React function component

This is a simple react function component

Go to code snippet
A Simple React Component

component

A Simple React Component

React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

Go to code snippet