10 个 ReactJS 编码挑战（💥编码面试准备💥）

上个月，我发布了 2 个 ReactJS 面试问题 🎤 -高级问题和常见问题，并得到了 dev.to 社区的热烈欢迎。🤗 🥰 非常感谢大家！

我决定通过创建 Codepen 练习 📝 和视频 📺 来完善这个工具包，以便后续练习，因为之后需要根据技术面试题进行编程。此外，我还添加了练习的潜在解决方案，如下所示。

如果你需要提升🆙你的 ReactJS 忍者技能，可以尝试回答下面的练习，或者点击下面的视频，以交互方式逐步指导你。（没有多余的内容，内容简洁明了，直奔主题，因为我非常尊重/珍惜你的时间）

这些练习和解决方案也将在视频中提供。

练习：🏋️

显示简单的 JSX

• https://codepen.io/angelo_jin/pen/wvrygZa

向浏览器显示用户数组

• https://codepen.io/angelo_jin/pen/QWqQdXE

在屏幕上显示/隐藏元素

• https://codepen.io/angelo_jin/pen/zYERZZL

ReactJS 中的双向数据绑定

• https://codepen.io/angelo_jin/pen/MWEQmqN

禁用按钮

• https://codepen.io/angelo_jin/pen/YzrazGY

更新父状态

• https://codepen.io/angelo_jin/pen/JjrLjOy

动态添加子组件（React Children）

• https://codepen.io/angelo_jin/pen/BawrpeX

两个数字之和

• https://codepen.io/angelo_jin/pen/zYEWZNR

创建计数器应用程序

• https://codepen.io/angelo_jin/pen/mdBxWwN

从 API 获取数据

• https://codepen.io/angelo_jin/pen/oNGqZpm

解决方案：🙋

显示简单的 JSX

• https://codepen.io/angelo_jin/pen/xxXrZLd

向浏览器显示用户数组

• https://codepen.io/angelo_jin/pen/wvreMpZ

在屏幕上显示/隐藏元素

• https://codepen.io/angelo_jin/pen/abLwyrL

ReactJS 中的双向数据绑定

• https://codepen.io/angelo_jin/pen/yLzvMop

禁用按钮

• https://codepen.io/angelo_jin/pen/dyVmyYz

更新父状态

• https://codepen.io/angelo_jin/pen/KKXoKgO

动态添加子组件（React Children）

• https://codepen.io/angelo_jin/pen/MWEVJNb

两个数字之和

• https://codepen.io/angelo_jin/pen/BawrWzy

创建计数器应用程序🕒

• https://codepen.io/angelo_jin/pen/yLzKMXX

从 API 获取数据

• https://codepen.io/angelo_jin/pen/zYEWZdW

祝你编程愉快，下次面试好运！希望这些资料能帮你找到下一份理想的工作。💰 🚗 📈