create a slider
<input className="newpost-rating-slider" type="range" name="rangeInput"
min="0" max="5" onChange={handleSliderRating} />
<span className="slider-rating-field">0/5</span>
const handleSliderRating = () => {
var curVal = document.querySelector('.newpost-rating-slider').value;
var sliderRatingEle = document.querySelector('.slider-rating-field');
sliderRatingEle.textContent = curVal.toString() + "/5";
}