Creating Functional Components in React

class MyComponent extends React.Component

const MyComponent = () => { return <div>Hello</div>; }

function MyComponent() { return <div>Hello</div>; } (correct)

React.createComponent(MyComponent)

It handles side effects in components

It adds state to a functional component (correct)

It renders components conditionally

It passes data between components

Using useState

Via props, e.g., <ChildComponent propName={value} /> (correct)

Using context API

By mutating the child component's state directly

<p>By passing a function to the event attribute, e.g., <button onClick={handleClick}>Click</button></p> Signup and view all the answers

<p>A syntax extension that looks similar to HTML, used in React to describe UI structure</p> Signup and view all the answers

<p>Using a ternary operator or logical &&, e.g., {condition ? <Component /> : null}</p> Signup and view all the answers

<p>It handles side effects in functional components, like fetching data or updating the DOM</p> Signup and view all the answers

<p>function MyComponent(props) { return <div>{props.name}</div>; }</p> Signup and view all the answers

<p>By controlling form inputs using useState and handling submit events</p> Signup and view all the answers

<p>import MyComponent from './MyComponent'</p> Signup and view all the answers

Questions and Answers