我想知道是否可以使用React来执行逻辑并将数据发送回javascript函数,而不呈现任何html.我想到的组件是您将一些数据传递给的组件,它会将数据发送回react之外的javascript函数.我知道这是可以做到的,我自己也做过这一部分,但我不确定如果不按要求呈现html,您将如何做到这一点.这是react的一个实际用例吗?

推荐答案

As of React >= 16.2 it is possible to use any of these versions:

render() { 
   return false; 
}

render() { 
   return null; 
}

render() { 
   return []; 
}

render() { 
   return <React.Fragment></React.Fragment>; 
}

render() { 
   return <></>; 
}

返回undefined不起作用.


我想到的组件是你把一些数据传递给,

为什么要为此创建一个组件?大多数情况下,现有组件中的常规js函数就足够了.

例如,一个用例是在安装组件时设置副作用,在卸载组件时将其拆下.例如,如果你有一个带有纵向方向的ReactNative移动应用程序,你可以想象一个<Landscape/>组件,当安装时,它将允许暂时以横向方向显示应用程序,当卸载时,方向将重置为应用程序默认值.您当然可以在现有组件上管理这个方向的更改,但是创建一个专用组件可能更方便、更可重用.

请注意,React也可以在服务器端运行,所以我想它的使用方式可能不涉及任何DOM修改(但可能只涉及虚拟DOM计算).

Reactjs相关问答推荐

无法覆盖MUI工具栏上的左右填充,除非使用!重要

在Reaction中测试条件组件

如何创建react router v6的自定义子路由?

在Reaction中单击并显示子组件延迟/动画

如何使用react-router-dom保护嵌套在受保护路由中的嵌套路由?

在reactjs中刷新页面时丢失状态值

太多的重新渲染 - React 中的无限循环.如何使用React.effect并使用fetch?

面临 React 模式中点击外部条件的问题

如何在 React Native 中渲染下面的对象数组?

为 Next.js 应用程序目录中的所有页面添加逻辑的全局文件是什么?

useRef 不关注模态

Stripe Checkout:是否可以创建不自动续订的订阅?

页面不显示

DatePicker MUI 如何在日历左侧显示清除文本

如何通过 id 从 useSprings 数组中删除元素

更新和删除功能不工作 Asp.net MVC React

渲染的钩子比预期的少.这可能是由 React Hooks 中意外的提前返回语句引起的

如何跨微前端 React 应用管理状态管理?

为什么 React 会多次调用我的应用程序的某些函数?

axios post方法中的请求失败,状态码为500错误