代码之家 › 专栏 › 技术社区 › temporary_user_name

在功能组件的主体中,useffect和代码有什么区别?

react-hooks reactjs

temporary_user_name · 技术社区 · 5 年前

基本上我想知道这两件事有什么不同:

const myComponent = (props) => {
    console.log('hi');
    return (
        <div>props: {props}</div>
    );
};

const myComponent = (props) => {
    useEffect(() => {
        console.log('hi');
    });
    return (
        <div>props: {props}</div>
    );
};

1 回复 | 直到 5 年前

Arnaud Claudel 5 年前

useEffect 将延迟日志,因为它不会立即执行。

请参见以下示例:

const MyComponent1 = () => {
    console.log('Hello');
    console.log('World');
    return (
        <div></div>
    );
};

这将输出 Hello world


const MyComponent2 = () => {
    useEffect(() => {
        console.log('Hello');
    });
    console.log("world")
    return (
        <div></div>
    );
};

world Hello .

看这个精彩 video 关于事件循环如果您想清楚地了解这个

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

5 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

5 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

5 月前

Luckkks · 过渡色工作不正常

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

5 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

5 月前

noblerare · Vite错误-未定义导出(SSR)

5 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

5 月前