deploying a React app that uses a Flask backend

See also questions close to this topic

• How do I flatten the multi object data and map to a JSON schema uisng reactJS?

  I want to generate a form of json schema and map the value.

  'queues.bootStrapServers': {
     title: 'BootStrap Servers',
     type: 'array',
     items: { 
       type : "object", 
       properties :{
         'hostUrl' : {
            type : "string"
         }
       }
     }
  },
  

  UI schema

  'queues.bootStrapServers': {
     'ui:widget': 'CustomTextWidget',
     classNames: 'customwidth_48',
     'ui:options': { type: 'text', placeholder: 'Enter BootStrap Servers' },
   },
  
   {
     queues.bootStrapServers[0].hostUrl: "kafka://100.200.300.55:6251"
     queues.bootStrapServers[1].hostUrl: "kafka://100.200.300.56:6251"
     queues.bootStrapServers[2].hostUrl: "kafka://100.200.300.57:6251"
   }
  

  Unable to display the value
• react-native-svg-chart string XAxis malformed calls from js field sizes are different

  I have this data and try to put dateTime as the XAxis in my LineChart:

  [
        {
            "tempreture": 30.8,
            "humidity": 19,
            "co2": 1401.0774788665333,
            "dateTime": "2019-02-03T03:11:59.128Z"
        },
        {
            "tempreture": 30,
            "humidity": 19,
            "co2": 1164.9029618098828,
            "dateTime": "2019-02-03T02:51:50.097Z"
        },
        {
            "tempreture": 29.8,
            "humidity": 19,
            "co2": 1122.6781464089433,
            "dateTime": "2019-02-03T02:46:47.742Z"
        },
        {
            "tempreture": 29.7,
            "humidity": 19,
            "co2": 1122.6781464089433,
            "dateTime": "2019-02-03T02:26:38.580Z"
        }
  ]
  

  I have this code for XAxis:

  <XAxis
        data={this.state.data}
        xAccessor={({item}) => new Date(item['dateTime']).toLocaleTimeString('en-GB').substr(0, 8)}
  />
  

  where new Date(item['dateTime']).toLocaleTimeString('en-GB').substr(0, 8) gives me these values:

  06:41:59
  06:21:50
  06:16:47
  05:56:38
  03:50:55
  ...
  

  However, I get this error:
• How to change the available values of a <Select> on input from another <Select>

  [Not jQuery] I have two Selects's and a list of elements and wish to map the available options on the second Select based on the current value of the first select

  <Select options={sources} defaultValue={sources[0]} onChange={() => {
                  // change value of select below
              }}/>
  
  <Select options={mediums} defaultValue={mediums[0]} name="mediumSelect"/>
  
  

  I'm not sure how to do this without jquery and currently interning at a company that does not use jquery at all. Any input is appreciated

  EDIT: I created a component to deal with it using states like suggested.

  
  interface IState {
    selectedMediums: { value: number; label: string }[];
  }
  
  interface IProps {
    defaultValue?: { value: number; label: string };
  }
  
  class ModifiedSelect extends React.Component<IProps, IState> {
    constructor(props) {
      super(props);
      this.state = {
        selectedMediums: mediumMap.Facebook,
      };
      this.onChange = this.onChange.bind(this);
    }
    onChange(event) {
      let something = event.label;
      this.setState({
        selectedMediums: mediumMap[something],
      });
      console.log(event.label);
    }
  
    render() {
      return (
        <Select
          options={this.state.selectedMediums}
          onChange={this.onChange}
          defaultValue={this.props.defaultValue}
        />
      );
    }
  }
  

  however, this sets me at another disadvantage. If I change the state, I also change the state of the first Select, leading to both of them being changed.

  ( I started coding in react only last week, thanks for help )
• What is the best way to pass a range with increments from Flask to HTML?

  I'm trying to pass a range with increment to HTML/Jinja2 from Flask, but I receive the content of the last string multiple times.

  Since I'm pretty new with Flask/Python I haven't been able to figure it out.. Thank you!

  for i in range(n + 1):
      s = dt
      g = something * s
      ({:.5f}".format(g['s12']))
  
  my_list = ({:.5f}".format(g['s12']))
  
  print(my_list)
  
  Result 1
  Result 2
  Result 3
  Result 4...
  
  

  HTML template

  {% for i in range(n + 1) %}
      <p> {{ my_list }} </p>
  {% endfor %}
  

  I read on my HTML template:

  Result 4
  
• Unable to understand requirements mentioned in Flask-restplus assignment

  I am fairly new to flask and Restplus. I started studying up on it yesterday as a part of project requirements training. I have acquired a very basic understanding but cannot understand the requirements of an assignment mentioned in training.

  "Create a python service which, upon starting, initiates a Flask-Rest Plus app which should have one endpoint: POST '/api/v1/ping', which accepts a dictionary containing a url key: {'url': 'foobar'} The python service should then send a GET to that endpoint, ignoring SSL for simplicity, then returns the payload of that request as "/ping" 's response."

  Here is what I have tried:

  from flask_restplus import  Resource, Api
  from flask import Response
  
  app = Flask(__name__)
  api = Api(app)
  
  mydict = {}
  
  @api.route('/api/v1/ping/<string:key>')
  class HelloWorld(Resource):
      def get(self, key):
          return {key:mydict[key]}
  
      def put(self, key):
          mydict[key] = request.form['name']
  
  if __name__ == '__main__':
      app.run(debug=True,host = '0.0.0.0')
  

  Am I on the right path here? I assume I simply have to store a dictionary ker value pair and then return the same during GET? Although this runs, I am unsure if I have done exactly what was needed.
• The correct data format for adding a record to the database. Flask

  I add an entry to the sqlite database, with values ​​that come in from the frontend of the query:

  data[{"date_operation":"25/06/2019","code":"4","status":1,"type":3,"mesto_hraneniya_id":2,"contragent":"","sum_operation":"2","rezerv":"5","cnt_doc":"3","stellag":"23","id":"App.model.OperationModel-1","id_type":0}]
  

  To create an entry, in the views.py of my flask application I do this:

  ...
  if method == 'Create':
          data = request.form.get("data")
          objFormat = json.loads(data)
          object = Operation()
          for key in objFormat:
              if 'date_operation' in key:
                  key['date_operation'] = datetime.datetime.strptime(key['date_operation'], '%d/%m/%Y').date()
              dict_add = key
          for key in dict_add.keys():
              setattr(object, key, dict_add[key])            
          try:
              db.session.add(object)
              db.session.commit()                
              return (str(object.id))
          except SQLAlchemyError as e:
              error = {"data": e, "meta": {"success": "false"}}
              return (str(error))
  ...
  

  In my case, I get an error IntegrityError('(sqlite3.IntegrityError) datatype mismatchwhen inserting the record db.session.add(object) Where is my error and how to add a record? Thank