Breaking News: Grepper is joining You.com. Read the official announcement!

reactjs basic example

Zidane (Vi Ly - VietNam) answered on October 30, 2020 Popularity 10/10 Helpfulness 2/10

answer reactjs basic example

reactjs basic example

Comment

// -------// -------// -------
// index.js
// -------// -------// -------

const user = {
  name: "zidane",
  email: 'huuvi168@gmail.com'
};

const element = <h1> {user.name} exist email: {user.email} </h1>;

const element2 = 
  <div  className="heading"> 
     <h1> {user.name}  </h1>
     <h1> {user.email} </h1>
  </div>;

var numbers = [1,2,3,4];
var doubleNumbers = numbers.map(function(num){
  return num * 2 + "; ";
})

var doubleNumberArrowFunction = numbers.map((num)  => num * 3 + "; ");

var element3 = 
  <div>
    Double numbers: {doubleNumberArrowFunction}
  </div>;

ReactDOM.render(
  element3,
  // <React.StrictMode>
  //   <App />
  // </React.StrictMode>,
  document.getElementById('root')
);

// -------// -------// -------
// ------- index.css ------
// -------// -------// -------
.heading {
  padding: 10px;
  color: white;
  background-color: green;
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: basic javascript reactjs

Link to this answer
Share Copy Link

Contributed on Oct 30 2020

Zidane (Vi Ly - VietNam)

0 Answers Avg Quality 2/10

reactjs basic example

Contents

More Related Answers

reactjs basic example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.