Check out example codes for "display output of a slider in html". It will help you in understanding the concepts better.

Code Example 1

<form>
  <div>
    <input id="rangeInput" type="range" min="0" max="200" oninput="amount.value=rangeInput.value" />
    <input id="amount" type="number" value="100" min="0" max="200" oninput="rangeInput.value=amount.value" />
  </div>
</form>

Code Example 2

function updateTextInput(val) {
          document.getElementById('textInput').value=val; 
        }

Code Example 3

<input type="range" id="rangeInput" name="rangeInput" min="0" max="20" value="0"
       oninput="amount.value=rangeInput.value">                                                       

<output id="amount" name="amount" for="rangeInput">0</output>

Learn ReactJs, React Native from akashmittal.com