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 = ''
                }}

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