react.js
Open source front end javascript library
react.js
A JavaScript library for building user interfaces
react.js
class ShoppingList extends React.Component {
render() {
return (
<div className="shopping-list">
<h1>Shopping List for {this.props.name}</h1>
<ul>
<li>Instagram</li>
<li>WhatsApp</li>
<li>Oculus</li>
</ul>
</div>
);
}
}
// Example usage: <ShoppingList name="Mark" />
react js
function Cart() {
const monsteraPrice = 8
const [cart, updateCart] = useState(0)
const [isOpen, setIsOpen] = useState(false)
return isOpen ? (
<div className='lmj-cart'>
<button onClick={() => setIsOpen(false)}>Fermer</button>
<h2>Panier</h2>
<div>
Monstera : {monsteraPrice}€
<button onClick={() => updateCart(cart + 1)}>
Ajouter
</button>
</div>
<h3>Total : {monsteraPrice * cart}€</h3>
</div>
) : (
<button onClick={() => setIsOpen(true)}>Ouvrir le Panier</button>
)
}
reactjs
import React, { useState, useEffect } from 'react';
function Example() {
const [count, setCount] = useState(0);
// Similaire à componentDidMount et componentDidUpdate : useEffect(() => { // Met à jour le titre du document via l’API du navigateur document.title = `Vous avez cliqué ${count} fois`; });
return (
<div>
<p>Vous avez cliqué {count} fois</p>
<button onClick={() => setCount(count + 1)}>
Cliquez ici
</button>
</div>
);
}
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us