一一中文网

手机浏览器扫描二维码访问

第44章 技术栈的挑战（第2页）

他能大概猜出一些——useState应该是管理状态的，usecallback和usememo跟性能优化有关，interface定义类型。

但具体怎么用，为什么要这么用，脑子里一片空白。

更麻烦的是，这代码和他习惯的后端Javapython写法完全不同。

函数式组件、hooks、JSx语法……每一样都需要重新理解。

“晨哥，卡住了”

？阿杰又探过头来，看到林晨屏幕上的代码，“哦，Assetcard啊，这个组件其实挺典型的。

你要改的是出价按钮那块的样式，产品说现在的按钮不够醒目，要加个渐变背景和hover效果”

。

林晨苦笑：“样式先放放，我连这组件怎么工作的都还没完全看懂”

。

阿杰愣了一下，随即露出理解的表情：“哦对，你之前主要做后端是吧？React这套确实需要适应一下。

要不你先看看官方文档？React和typeScript的官网教程都挺不错的”

。

“嗯，正在看”

。

林晨已经打开了React官网，同时另一个标签页是typeScripthandbook。

调试：新手的挫败感

时间一分一秒过去。

上午十点半，林晨勉强理解了函数式组件的基本概念，尝试着修改了一点样式代码。

保存后，浏览器热更新，按钮确实变了颜色。

但当他尝试添加一个简单的功能——在出价时显示加载状态——时，问题来了。

按照他的理解，应该在handlebid函数里设置某个状态，然后在按钮上根据这个状态显示“出价中……”

。

他模仿着现有代码，加了个const[isSubmitting，setIsSubmitting]=useState（false），然后在按钮的disabled属性里用这个状态。

保存，编译报错：typebooleanisnotassignabletotypestring|undefined.

林晨盯着错误信息，不明所以。

他检查代码，按钮的disabled属性确实是布尔值啊。

“阿杰，能帮我看一眼吗”

？他不得不求助。

阿杰凑过来，扫了两眼：“哦，这里。

你看按钮的disabled属性类型定义，可能是从某个UI库来的，它接受的是string或者undefined，不是boolean。

你得改成disabled={isSubmitting?true:undefined}”

。

林晨恍然，同时又感到一阵无力。

这种细节，没有经验根本想不到。

改好，编译通过。

但点击按钮测试时，控制台又报错：UncaughttypeError:onbidclickisnotafunction。

“这又是为什么”