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

Code Example 1

    <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" />

Code Example 2

function updateTextInput(val) {

Code Example 3

<input type="range" id="rangeInput" name="rangeInput" min="0" max="20" value="0"

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

Learn ReactJs, React Native from