admin管理员组

文章数量:1026989

问题描述：

使用React18+NextJs13写个文件上传的demo，需要监听File input的onChang事件，启动的时候报：

If you need interactivity, consider converting part of this to a Client Component.

解决方法：

Next13 app目录下的组件默认都是server side的， 但onChange是需要在Client Side处理的也就是在浏览器上处理，所以需要声明组件是client side的，怎么声明呢？搜索了白天最后找到Next的官方文档就一句话: 在文件的开头写上

'use client'

就这看来还需要先看下官方文档啊:

'use client'

function handleImageChange(e) {

console.log(e);

console.log(this);

}

export default function ImagePath() {

return (

<div className="space-y-6">

<input type="file" onChange={(e) => handleImageChange(e)}/>

</div>

);

}

问题描述：

使用React18+NextJs13写个文件上传的demo，需要监听File input的onChang事件，启动的时候报：

If you need interactivity, consider converting part of this to a Client Component.

解决方法：

Next13 app目录下的组件默认都是server side的， 但onChange是需要在Client Side处理的也就是在浏览器上处理，所以需要声明组件是client side的，怎么声明呢？搜索了白天最后找到Next的官方文档就一句话: 在文件的开头写上

'use client'

就这看来还需要先看下官方文档啊:

'use client'

function handleImageChange(e) {

console.log(e);

console.log(this);

}

export default function ImagePath() {

return (

<div className="space-y-6">

<input type="file" onChange={(e) => handleImageChange(e)}/>

</div>

);

}

本文标签： convertingPartComponentclient

版权声明：本文标题：React18报consider converting part of this to a Client Component 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1738333394a1562234.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。