初學redux和react，input標簽中的node怎么理解？input.value = ''這個input為什么能獲取到？

import React from 'react'
import { connect } from 'react-redux'
import { addToCart } from '../actions/cart-actions'

let AddTodo = ({ dispatch }) => {
    let input = '';

    return (
        <div>
            <form
                onSubmit={e => {
                    e.preventDefault()
                    if (!input.value.trim()) {
                        return
                    }
                    dispatch(addToCart(input.value, 1, 250))
                    input.value = ''
                }}
            >
                <input
                    ref={node=> {
                        console.log('輸入的 value ==', node )
                        input = node
                    }}
                />
                <button type="submit">
                    添加購物數(shù)據(jù)
                </button>
            </form>
        </div>
    )
}
AddTodo = connect()(AddTodo)

export default AddTodo

這代碼中

<input
                    ref={node=> {
                        console.log('輸入的 value ==', node )
                        input = node
                    }}
                />

這段怎么理解？

onSubmit={e => {
                    e.preventDefault()
                    if (!input.value.trim()) {
                        return
                    }
                    dispatch(addToCart(input.value, 1, 250))
                    input.value = ''
                }}

為什么在這個函數(shù)內(nèi)能獲取到input.value這個值？這個input.value是怎么傳遞過來的