E3D | 3D print slicing | 3D Printing library

By looking at the documentation of XML.toJSONObject method:

Convert a well-formed (but not necessarily valid) XML string into a JSONObject. Some information may be lost in this transformation because JSON is a data format and XML is a document format. XML uses elements, attributes, and content text, while JSON uses unordered collections of name/value pairs and arrays of values. JSON does not does not like to distinguish between elements and attributes. Sequences of similar elements are represented as JSONArrays. Content text may be placed in a "content" member. Comments, prologs, DTDs, and <[ [ ]]> are ignored.

Due to such imformation lost, the XML converted back is not equals to original XML.

To solve the problem, use JSONML.toJSONObject instead. As the documentation of method:

Convert a well-formed (but not necessarily valid) XML string into a JSONObject using the JsonML transform. Each XML tag is represented as a JSONObject with a "tagName" property. If the tag has attributes, then the attributes will be in the JSONObject as properties. If the tag contains children, the object will have a "childNodes" property which will be an array of strings and JsonML JSONObjects. Comments, prologs, DTDs, and <[ [ ]]> are ignored.

This site provides more details about JsonML.

Check the following code for the different

This looks like you are expecting one type of object in the table but providing another.

You define your table like this:

You need to pass this.someFn as a prop to NumberList, which is another component (I placed it outside of the Model component in my code). You don't need to bind arrow functions or methods. That was sort of the problem though, you were trying to access the method of another component - Modal - from your component NumberList.

Please find a working sandbox below (look in the console after you click on a number list item; it should show "works" from someFn).

It looks as if you are posting the form to the index. You should post it to the upload view.

This is really a bad idea as most of the reverse proxies (if you are using one like cloudflare) cache your css and also it sets the Cache-Control headers so that browsers can cache it. So you will not get your desired behaviour.

Instead doing what you are doing now, you can create multiple css classes and add those classes to your div in .ejs file based on conditions.