React Component about jcf HOT 7 CLOSED

@yazonnile Yes, i think i didn't make it clear.
With jQuery, its straightforward. We can just call jcf.replaceAll in component's componentDidMount.
But jquery usage is not recommended way in react community.
If you guys can make vanilla js version, it would be really great.
Actually its what i was looking for in this issue.

from jcf.

jcf still requires jquery, because we dont have enough time to make vanilla js version.
Its about jquery.
But working with react shouldnt really be a problem. In componentDidMount you could init jcf with any api call (jcf.replaceAll for example);

from jcf.

We have problem in react with clicking on the span - wrapper
It is not fired react onChange event =(

from jcf.

Show a component code please

from jcf.

Hi!
i have a same problem with onChange on input type="number"

i have tag
<input onChange={this.handlingQuantity.bind(this)} required ref="quantity" name="quantity" type="number" min="1" value={this.state.quantity} max={this.state.unitsAvailable} className="number form-control" id="q-desk"/>
and handler

handlingQuantity(event) {
this.setState({
quantity: event.target.value
});
}

But if i used jcf and click on jcf-btn-inc or jcf-btn-dec - onChange={this.handlingQuantity.bind(this)} don't work

All other plugins work fine: select, checkbox, radio, etc.

from jcf.

The matter was that onchange in javascript and onChange in React are different.
Clicking on .jcf-btn-inc works trigger in the plugin this.realElement.val(newValue).trigger('change');, but onChange in React does not work

I solved this problem like this
componentDidMount() {
let self = this;
document.getElementById('q-desk').onchange = function(e) {
self.handlingQuantity(e, this.value);
}
}

handlingQuantity(event, eventValue) {
this.setState({
quantity: eventValue
});
}

from jcf.

Yes, because jquery and react have two different event models.
In your case you can do something like this
https://jsfiddle.net/m93gL86e/

All in all - you can create some Factory Component that will take only onChange function and will attach jquery onchange under the hood.

from jcf.