reactive-programming 相关问题

我正在尝试减小 TextField 组件的宽度：这是渲染方法：使成为（） { 返回（我正在尝试减小 TextField 组件的宽度：这是渲染方法： render() { return ( <div> <div> <form onSubmit={this.handleSubmit}> <TextField hintText="Email" ref="email" /><br/> <TextField hintText="Password" type="password" ref="password" /><br/> <button className="btn btn-success" onClick={this.loginCommand}><i className="fa fa-sign-in"/>{' '}Log In</button> </form> </div> } </div> ); } } 您还可以查看fullWidth属性以确保其设置正确。 <TextField id="full-width-text-field" label="Label" placeholder="Placeholder" helperText="Full width!" margin="normal" fullWidth // this may override your custom width /> 您可以在元素上指定内联样式，如下所示 <TextField hintText="Email" ref="email" style = {{width: 100}} //assign the width as your requirement /> 或者你可以按照下面的方法做。使用 css 属性声明一个 styles 变量。 var styles = StyleSheet.create({ textFld: { width: 100, height: 40} //assign the width as your requirement }); 将其分配给您的 style 代码中的 render。 <TextField hintText="Email" ref="email" style = {styles.textFld} /> 尝试一下，让我知道它是否适合您。我也是 React js 的新手。为了清楚起见，您可以参考有关 SO 的文档和其他类似问题。 http://facebook.github.io/react-native/docs/style.html#content http://facebook.github.io/react-native/ http://facebook.github.io/react-native/docs/flexbox.html#content React.js 内联样式最佳实践如果您想让 TextField 的宽度扩大到与父级的宽度 (width: 100%) 一样多： <TextField label="Full width" fullWidth /> 如果要将 TextField 的宽度设置为精确值： <Box width={350}> <TextField label="width: 350px" fullWidth /> </Box> 如果不想添加包装组件，也可以直接设置TextField的样式： V5 <TextField label="width: 350px" sx={{ width: 350 }} /> V4 const useStyles = makeStyles({ root: { width: 350 } }); function App() { const classes = useStyles(); return <TextField label="width: 350px" className={classes.root} />; } 我建议您不要像其他答案中建议的那样使用内联样式，因为内联样式很难覆盖。默认情况下，您应该使用 Material-UI 样式，因为它更灵活并且与 Material-UI 组件集成得更好。例如，您可以cherry-pick在更大的组件中覆盖子组件，或者设置伪类和元素的样式，这是内联样式无法完成的。现场演示在“现代”MUI中，width组件的<TextField>可以通过sx属性设置：在大多数情况下，sx 属性是向组件的单个实例添加样式覆盖的最佳选择。它可以与所有 Material UI 组件一起使用。 <TextField sx={{width: 200}}/> 这会将组件的默认 width 样式覆盖为 200px https://mui.com/material-ui/api/text-field/#props

javascript reactjs reactive-programming material-ui

回答 4 投票 0

如何使用flux和spring boot反应式编程将主数据库表读取到Map中

我是反应式编程的新手。我的需要是在服务启动时将所有主数据从主数据表填充到哈希图中。我正在使用反应式来获取主数据通量，如下所示上面的代码

java spring-webflux reactive-programming

回答 1 投票 0

如何在反应式编程中测试 OnErrorResume 功能

我有以下服务代码 MonoresponseDataMono = (Mono)myWebClient .getResponse("url"); 返回响应DataMono .

java spring-boot microservices spring-webflux reactive-programming

回答 2 投票 0

触发$：当不直接使用值时

我的 svelte 组件中有以下代码： $：{ 控制台.log(日期范围) 图表数据格式() .then(数据 => 图表数据 = 数据); } 我想在 dateRange 为

svelte reactive-programming sveltekit

回答 1 投票 0

如何在springboot中使用R2DBC驱动程序来使用关系？

我在 Spring Boot 2.7 中有一个使用 java 11 的项目。目前我在 Spring Boot 中使用 JPA 与 DB 交互。由于我使用反应式库，我正在考虑升级到反应式驱动程序，即 r2dbc...

java spring-boot orm reactive-programming r2dbc

回答 1 投票 0

我可以在没有 Webflux 的情况下使用独立的 WebClient 吗

我正在开发一个响应式服务，并准备使用 WebClient 与 HTTP API 进行交换，但该服务不在响应式 Web 堆栈中，所以我如何在不依赖于 We 的情况下使用它（WebClient）...

spring reactive-programming spring-webflux

回答 1 投票 0

Spring Data REST 支持反应式增删改查存储库吗？

我有非常简单和标准的 OrderRepository： @RepositoryRestResource（collectionResourceRel =“订单”，路径=“订单”）公共接口 OrderRepository 扩展了 ReactiveCrudRepository 我有非常简单和标准的 OrderRepository： @RepositoryRestResource(collectionResourceRel="orders", path="orders") public interface OrderRepository extends ReactiveCrudRepository<Order, String> { } 使用以下命令访问服务器后： curl http://localhost:8080/api/orders 我收到以下回复： {"cause":null,"message":"reactor.core.publisher.FluxOnErrorResume cannot be cast to java.lang.Iterable"} 不，还没有。请关注此票以了解该主题的进展。

spring spring-boot reactive-programming spring-data-rest spring-webflux

回答 1 投票 0

是否可以并行启动Mono并聚合结果

我知道可以链接 Mono，例如…… Mono 结果AMino = loadA(); Mono resultBMano = resultA.flatMap(resultA -> loadB()); 这将连锁并导致 BMon...

java spring-webflux reactive-programming project-reactor

回答 2 投票 0

如何模拟返回`Mono<Void>`的方法

如何模拟返回 Mono 的方法？我有这个返回 Mono 的方法公共MonodeleteMethod（发布帖子）{ 返回 statusRepository.delete(post...

java unit-testing mockito reactive-programming spring-webflux

回答 4 投票 0

如何使用 Angular2 和 Reactive 监听 css 动画的结束

我想在我的 Angular2 应用程序中手动执行页面转换。到目前为止，我所做的是生成一个服务，我从处理导航的组件中调用该服务。当您点击某个链接时...