Comments (5)
Hi @petersvei, I haven't had a chance to try this with formsy-react
v0.18 yet.
However, I've had success using this alongside react
v15 with formsy-react
v0.17. (npm will warn about an unsatisfied peer dependency on react 0.14, but if you use npm v3.x it doesn't try and install peer dependencies, so it'll be okay).
You say it doesn't work -- what happened / didn't happen? Did the form render? Any errors in the browser console?
from formsy-react-components.
Thanks for you lightning fast response @twisty !
Same here, it was working fine with [email protected]
except the unmet dep. warning.
The problem I experience when I upgrade is that the properties of the inputs seems not to be defined. If I try to set this.refs.form.inputs.name.setValue
i get an error that it is undefined. The input is created like this:
Input layout="vertical" name="my_name" type="text" label="My Name" validations={{ validate: this.validate.my_name }} />
This worked fine with [email protected]
(which I know is not a good indicator that it's related to that :) .)
from formsy-react-components.
Hi, I've had a quick look and have observed this:
- in [email protected]
form.inputs
returned an object, keyed by theformsy.mixin
"name
" prop. - in [email protected]
form.inputs
returns an array.
So it looks like this is a formsy-react
change (is Formsy.Form.inputs
listed as a public API? -- I don't think so?).
A workaround may be to set a React ref
on the form components you need to track and use those instead, instead of relying form.inputs
.
I'm going to close this because I don't think it is a FRC
problem.
Good luck with sorting it out though!
from formsy-react-components.
Change was in: christianalfoni/formsy-react@7481b6d
See christianalfoni/formsy-react#267
from formsy-react-components.
Thanks, you are absolutely right. I changed my app to use reset(values)
to set the input fields instead, so that I don't have to rely on form.inputs
anymore.
So now everything seems to work perfectly without any dep warnings 👍
from formsy-react-components.
Related Issues (20)
- React 16.1.1, Formsy 1.1: mixins problem HOT 4
- No Negative Numbers in Input HOT 4
- Change label prop to support PropTypes.node HOT 3
- Doubt/Feature: Prevent Select setValue HOT 2
- wrong install documentation ?
- Overriding icons HOT 1
- React.createElement: Type is invalid when creating a Form HOT 1
- Input component with numeric/alphanumeric/alpha value restriction HOT 2
- Select with numerical values HOT 1
- validatePristine textarea not displaying validation error HOT 4
- render elements within 'form-group'
- onChange is called before the value has been set on formsy
- Does this work with bootstrap 4? HOT 1
- New package release request HOT 2
- Refactor UNSAFE_componentWillReceiveProps
- Build correct releases HOT 5
- Editable input for Select component HOT 2
- Release of 2.0.0 - what remains? HOT 1
- add support for 2.1.0. and higher versions of formsy-react HOT 1
- Publish latest fixes to npm
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from formsy-react-components.