什么是props.values反应？

Question

I have a project with react, redux and redux-form. Playing with redux-form shouldValidate function, I wanted to see what was inside props and nextProps. The default implementation of shouldValidate function handles variables props.values. I wonder what those props.values are? Are they a react thing, redux thing or redux-form related? Where could I find documentation about them? As those values are not something I'm by myself adding in anywhere. I consoled them, and they consisted attributes like source and status:

source: "FORM"
status: "RECEIVED"

Inside the render method of my component, I see no props.values. Only the props I have given to the component myself. But inside the shouldValidate function, there are props.values prop.

EDIT: For those trying to explain basics of props to me:

Do not, I know what props are in react. What I'm asking is what is this particular props.values prop? Where does it come from, as I have not inserted it by myself. Somehow it is related to react, redux and redux-form

Answer 1

Disclaimer: I'm one of the Redux Form maintainers.

The shouldValidate function receives a single parameter params which is comprised of the following documented keys:

• values
• nextProps
• props
• initialRender
• structure

props / nextProps are a combination of props as documented here + whatever you manually provided to the component (eg <MyForm customProp="bla" /> ).

Even though such prop values is available (and is in fact something from Redux Form), please don't rely on it. As you can see, values is undocumented at that page.

Also, there's no need to use something which is undocumented if the documented params of shouldValidate is equivalent.

_{* If you feel like our docs could be improved to declare "special cased props", go ahead and send us a pull request!}

Answer 2

You linked the shouldValidate function documentation. The documentation states that values are redux-form specific, and contains all the filed values your form currently has.

Redux-form keeps track of all the input values you put inside a "Field" tag and keeps it in the redux store.

The props are the properties you define for you own "Form" component. Redux-forms wraps it creating a HOC (higher order component). It passes props in shouldValidate for you to access your props. props.values is an internal representation of filed values, which you should not rely on, the representation may change in the future.