You can use various libraries to make HTTP requests in Reactjs like Axios, Fetch API, jQuery AJAX, and even the Browser’s built-in Http client. Here Reactjs officially recommends using JavaScript fetch API.
JavaScript Fetch API provides a fetch() method defined on the window object, which you can use to perform requests. This method returns a Promise that you can use to retrieve the response of the request.
Here is an example of making an HTTP GET request to an endpoint:
```
componentDidMount() {
fetch(‘https://jsonplaceholder.typicode.com/posts’)
.then(response => response.json())
.then(data => this.setState({ posts: data }));
}
```
In this example, we are calling the fetch function during the React Lifecycle method `componentDidMount()`. This is typically the best place to make API calls in React.
Example using async/await:
```
async componentDidMount() {
const response = await fetch(‘https://jsonplaceholder.typicode.com/posts’);
const data = await response.json();
this.setState({ posts: data });
}
```
Another popular library to make HTTP requests in ReactJs environment is called ‘Axios’. You have to install it first using `npm install axios`. After that, you can import it into your component and use it like this:
```
import axios from ‘axios’;
componentDidMount() {
axios.get(‘https://jsonplaceholder.typicode.com/posts’)
.then((response) => {
// handle success
this.setState({ posts: response.data });
})
.catch((error) => {
// handle error
console.log(error);
});
}
```
These are basic examples of how to make an HTTP request in ReactJS, you should handle errors and edge cases according to your application logic.
