Debugging doesn't work as expected on line about vscode-react-native HOT 2 CLOSED

This looks like a consequence of the way JSX compiles down into javascript. The JSX block there corresponds to something like the following javascript:

return (
React.createElement(View,null,
React.createElement(View,{style:styles.rating},
React.createElement(Text,{style:styles.ratingTitle},'Critics:'),
React.createElement(Text,{style:[styles.ratingValue,getStyleFromScore(criticsScore)]},
getTextFromScore(criticsScore))),


React.createElement(View,{style:styles.rating},
React.createElement(Text,{style:styles.ratingTitle},'Audience:'),
React.createElement(Text,{style:[styles.ratingValue,getStyleFromScore(audienceScore)]},
getTextFromScore(audienceScore)))));

Note that there is only one statement there, and the whole thing is compiled into one nested function invocation. There is no intermediate point that we can set a breakpoint where some part of that has executed but the getTextFromScore line has not, or at least I could not in the node debugger.

from vscode-react-native.

Chrome does not support this functionality.

from vscode-react-native.