初学redux和react，input标签中的node怎么理解？input.value = ''这个input为什么能获取到？

Question

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">
                    添加购物数据
                </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 = ''
                }}

为什么在这个函数内能获取到input.value这个值？这个input.value是怎么传递过来的

Answer 1