大家好,哪些网站能查看程序源码分享相信很多的网友都不是很明白,包括免费的程序源代码网站也是一样,不过没有关系,接下来就来为大家分享关于哪些网站能查看程序源码分享和免费的程序源代码网站的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
现在这个微调器正在给你很好的氛围,你已经开始学习react。
并在VSCode中打开您的应用程序目录。应用程序的代码位于src文件夹中。会有一个文件index.js
importReactfrom&39;\nimportReactDOMfrom&39;\n\nimportAppfrom&39;\n\nReactDOM.createRoot(document.getElementById(&39;)).render(<App/>)
和文件App.js
constApp=()=>(\n<div>\nTherewillbesomething…\n</div>\n)\n\nexportdefaultApp
还有一些其他文件命名为
App.css、App.test.js、index.css、logo.svg、setupTests.js、reportWebVitals.js。
您现在可以删除,我们稍后再讨论。并将App.js替换为上面的App.js。
成分
如您所见,在其中导入了App.js的index.js文件。App用作react组件。并将其内容渲染到id值为“root”的div元素中。而这个<divid=”root”>存在于文件public/index.html中。
importAppfrom&39;\n\nReactDOM.createRoot(document.getElementById(&39;)).render(<App/>)
public/index.html
<!DOCTYPEhtml>\n<htmllang=&34;>\n\n<head>\n\t<metacharset=&34;>\n\t<metaname=&34;content=&34;>\n\t<metaname=&34;content=&000000&34;manifest&34;%PUBLIC_URL%/manifest.json&34;shortcuticon&34;%PUBLIC_URL%/favicon.ico&34;/favicon.ico&34;favicon.ico&34;%PUBLIC_URL%/favicon.ico&34;root&34;Ram&34;isagoodboy”;return(\n<div>\n<p>{name}{predicate}</p>\n</div>\n);};exportdefaultApp;
并且javascript代码将按照我们的预期进行评估和呈现。
多个组件
现在App.js只有一个组件,我们可以使用多个组件。
将参数传递给组件
您正在使用javascript函数,可以在组件中传递参数。看看这个例子——
我们可以使用道具来做到这一点。我们可以使用带有变量名的花括号来评估它。
让我们看一下组件的可重用性。
这里我们两次使用Sum组件。我们可以在项目的任何地方使用这个组件。所以当需要这个时,我们可以导入这个,我们不必再写了。
谢谢阅读。如果有任何错误/疑问,请发表评论。我会尽快分享解决方案。
关注七爪网,获取更多APP/小程序/网站源码资源!
哪些网站能查看程序源码分享的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于免费的程序源代码网站、哪些网站能查看程序源码分享的信息别忘了在本站进行查找哦。