在 React-Native 二维码列出的信息前面写

Question

This is my code where I print the information in the QR Code to the screen.I put a space after each '@' sign. I want to add a comment before each of these listed lines.

 const Scanned = ({ route }) => { const { data } = route.params; const filter = data.replace(/@/g, `\n`);

Answer 1

I hope this will help you

 const Scanned = ({ route }) => { // const { data } = route.params; const [qrText, setQrText] = React.useState(""); React.useEffect(() => { const data = '@Red@Pros@42@1$'.split('@'); // use data from route.params const labels = ['Color', 'Shape', 'Weight', 'Price']; let text = data.map((item, i) => (item ? `${labels[i]}:${item}` : item)); text = text.join('\n'); setQrText(text); }, []); return ( <pre>{qrText}</pre> ) }; ReactDOM.render( <Scanned/>, document.getElementById('root') );

 <script src="https://unpkg.com/react@16.7.0-alpha.0/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16.7.0-alpha.0/umd/react-dom.development.js"></script> <div id="root"></div>