Disclaimer: I am a backend dev normally using Go / C++ so Im sure I have some major blind spots when it comes to react.
I’m trying to create a custom widget that validates form values with an external API. I’ve created a very simple custom widget that should fetch()
to my API when isValid()
is called by the cms application. I’m following the documentation here: Creating Custom Widgets | Netlify CMS | Open-Source Content Management System.
I have tried doing something simple like:
import React from 'react';
class MyWidget extends React.Component {
constructor(props) {
super(props)
this.state.path = 'http://path/'
this.state.promise = this.getData()
};
getData = () => {
return fetch(this.state.path, {
method: 'GET',
headers: {
'Content-Type': 'text/plain',
}
})
}
isValid = () => {
return this.state.promise
}
render() {
return (
<div></div>
);
}
}
export default Widget
But I’m just not sure when I am going to get the chance to recieve the response and decide if the form is valid or not. Any ideas on how Id go about doing that?
What I really want to do is make the request to my server, get the data, decide if it’s ok, then pass the validation. So how can I do that if isValid()
needs to return a promise that I cant ever validate?
cheers!