react-function-components

Question 1

What is a React component?

Answer 1

A React component is like each small pieces of the user interface that can be re-used and processed separately.

Question 2

How do you define a function component in React?

Answer 2

You can write a JavaScript function, the first letter of the component name has to be capitalized.
function keyword, component name, paramter props, and the element you want to return in the return statement. ( a JSX element)
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

Question 3

How do you mount a component to the DOM?

Answer 3

with the ReactDOM.render(), first argument is the element, second argument is the container.
example:
ReactDOM.render(, document.getElementById(‘root’);
*Welcome is a user-defined component name.