Author: John Au-Yeung

Sometimes, we want to render an array.map() in React.

In this article, we’ll look at how to render an array.map() in React.

How to render an array.map() in React?

To render an array.map() in React, we call map with a function that returns the elements we want.

For instance, we write

data.map((item, key) => {
  return (
    <tr key={key}>
      <td>{item.heading}</td>
      <td>{item.date}</td>
      <td>{item.status}</td>
    </tr>
  );
});

to call data.map with a function that returns tr elements.

We set the key prop to a unique value so that React can identify the component being rendered.

item is the entry in data being looped through.

Conclusion

To render an array.map() in React, we call map with a function that returns the elements we want.

Sometimes, we want to use JavaScript fetch to make DELETE and PUT requests.

In this article, we’ll look at how to use JavaScript fetch to make DELETE and PUT requests.

How to use JavaScript fetch to make DELETE and PUT requests?

To use JavaScript fetch to make DELETE and PUT requests, we can call fetch with the method option.

For instance, we write

const createNewProfile = async (profile) => {
  const formData = new FormData();
  formData.append("first_name", profile.firstName);
  formData.append("last_name", profile.lastName);
  formData.append("email", profile.email);

  const response = await fetch("http://example.com/api/v1/registration", {
    method: "POST",
    body: formData,
  });
  return response.json();
};

const json = await createNewProfile(profile);

to call fetch with an object that has the method property set to a string with the request method.

We set body to the request body.

And then we return the response JSON promise by returning response.json.

Conclusion

To use JavaScript fetch to make DELETE and PUT requests, we can call fetch with the method option.

Sometimes, we want to go from one page to another page using JavaScript.

In this article, we’ll look at how to go from one page to another page using JavaScript.

How to go from one page to another page using JavaScript?

To go from one page to another page using JavaScript, we set the window.location.href property to the string with the URL we want to navigate to.

For instance, we write

window.location.href = "sample.html";

to set window.location.href to "sample.html" to navigate to sample.html.

Conclusion

To go from one page to another page using JavaScript, we set the window.location.href property to the string with the URL we want to navigate to.