Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >styled-components错误‘无法读取正在传递的未定义属性的属性

问styled-components错误‘无法读取正在传递的未定义属性的属性
EN

Stack Overflow用户

提问于 2020-09-17 16:59:03

回答 1查看 436关注 0票数 0

我将一个defaultColors对象传递给一个styled-components按钮元素，但是无论我做什么，似乎都不能让它看到这个对象。

const ButtonPrimary = styled(Button)`
  background-color: ${({ defaultColors }) => defaultColors.primary ?? "blue"};
  color: ${({ defaultColors }) => defaultColors?.secondary ?? "orange"};
  width: 5rem;
  height: 3rem;
`;

它既看不到defaultColors.primary，也看不到defaultColors.secondary，因为它好像没有传递defaultColors。

如果我在另一个组件中将defaultColors传递给ButtonPrimary，那么它将看到它。但我显然不希望每次使用此按钮时都传递该对象。

我做错了什么？

styled-components

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-18 06:05:25

在样式化组件中，您可以使用WhatEver.defaultProps，例如：

Button.defaultProps = {
  defaultColors: {
    primary: "black",
    secondary: "white"
  }
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

更新的demo

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63942856

复制

相关文章

nginx HTTPS反向代理

nginx http https 打包 SSL 证书

configure arguments里的with-http_ssl_module是必须的，在./configure时必须添上该选项启用ssl模块，否则比较麻烦（没有类似于phpize这种东西，只能添上参数重新编译按需覆盖）

ayqy贾杰

2019/06/12

3.3K0

配置nginx反向代理jira并实现https

shaonbean

2018/01/02

4.2K0

配置nginx反向代理jira并实现https

什么是反向代理？Nginx反向代理如何配置？

nginx在日常工作中是一个不可缺少的服务，其中使用nginx做的事情最多的就是反反向代理，今天笔者带大家详细学习一下nginx反向代理。

网络技术联盟站

2022/06/30

3.1K0

什么是反向代理？Nginx反向代理如何配置？

Nginx配置反向代理

tomcat java https linux http

反向代理服务器决定哪台服务器提供服务。返回代理服务器不提供服务器。只是请求的转发。正向代理如下

全栈程序员站长

2022/09/14

5620

nginx反向代理https域名时，请求报错502问题排查

nginx https 反向代理配置域名

在使用nginx反向代理后端服务器的时候，因为配置的是域名，导致HTTPS 请求转发失败，报 SSL 错误，js 报 502

没有故事的陈师傅

2023/08/09

4K0

nginx反向代理https域名时，请求报错502问题排查

Nginx反向代理配置

nginx https http 网络安全网站

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。

神葳

2021/01/22

1K0

Nginx反向代理配置

nginx 反向代理服务器客户端配置

反向代理（Reverse Proxy）是一种网络服务器的部署模式，其代理请求的方向与正常的代理服务器相反，即客户端发送请求时，请求先到达反向代理服务器，然后再由反向代理服务器将请求转发到目标服务器，最后将响应发送回客户端。

灬沙师弟

2023/07/08

1.1K0

Nginx配置——反向代理

nginx http https 网络安全正则表达式

其他话不多说，下面来学习一下Nginx的反向代理。如果没有Linux和Nginx环境，可以参考前两篇文章。

全栈程序员站长

2022/09/14

8K0

nginx配置反向代理

nginx 网络安全 tcp/ip 网站

之前的文章中已经介绍了 Linux 环境下配置 LNMP，可以自己搭建网站了。鸽了很久的 nginx 反向代理教程到现在才写，因为配置在虚拟机里，最近才有空去打开哈哈哈。nginx 反向代理目前我用的最多的情况就是隐藏端口号，我的一台机器上可能同时运行着很多个 web 服务，但是 80 端口只有一个，就不能将所有的服务全都绑定到 80 端口，这样的话就很麻烦，一个是要记住服务器的 ip，一个是要记住每一个服务的端口号，以ip:port 的形式在浏览器访问。但是有了 nginx 的话，再也不用这么麻烦了，只需要购买一个域名就行了。

棒棒鸡不棒

2022/09/02

8350

nginx 配置反向代理

nginx apache ubuntu linux 网络安全

首先A代表的我的nginx的服务器，用来做反向代理，另一台服务器使用apache搭建的服务，我利用nginx服务器将请求转发到另一台服务器

憧憬博客

2020/07/21

7600

Nginx配置正向代理和反向代理，实现HTTPS通信的案例

https nginx http

客户端直接通过HTTP访问内部服务是不安全的，如果在不改造客户端和内部服务的情况下实现HTTPS的安全信息传输？这里使用了nginx的正向代理和反向代理，如上图所示。

飞狗

2019/02/25

5.3K0

Nginx配置正向代理和反向代理，实现HTTPS通信的案例

Nginx配置https代理启动报错 nginx: [emerg] https protocol requires SSL support in /usr/local/nginx/conf/nginx

网络安全 nginx https SSL 证书

Nginx配置https代理，一直报错 nginx: [emerg] https protocol requires SSL support in /usr/local/nginx/conf/nginx.conf:46

李维亮

2021/07/08

6.6K0

nginx反向代理配置如何去除前缀

php 网站网络安全 tcp/ip html

使用Nginx做代理的时候，可以简单的直接把请求原封不动的转发给下一个服务。比如，访问abc.com/appv2/a/b.html, 要求转发到localhost:8088/appv2/a/b.html 简单配置如下：

用户1685462

2021/07/25

7920

创建 Nginx docker 容器反向代理 https

nginx 容器镜像服务容器 https SSL 证书

Nginx 反向代理可以方便地实现服务器网络配置,本文记录使用 Nginx 容器进行反向代理 https 服务的方法。预备知识 Nginx docker https ssl 证书当前环境介绍一下我当前的实验环境，有相似需求和环境的同志可以参考我的操作流程本机有部署在 IP:Port 的某个网页服务器服务器没有配置 https，仅提供 http 协议服务安装好了docker 准备安装 nginx docker 目的：以 https 协议对外反向代理本地 http 服务操作流程创建

为为为什么

2022/08/06

1.3K0

创建 Nginx docker 容器反向代理 https

nginx反向代理实例配置

网络安全 nginx

nginx反向代理实例配置我们有一个主站是.NET的,是由几个小站组成的，现在我们需要再挂一个网站。需要在windows机器上做反向代理，但是主站不在我们这里，修改起来比较麻烦。之前的小站都是这样去反向代理的。为了以后加小站不再麻烦别人，我们打算加一台nginx 做反向代理。配置大概如下 server { listen 80; server_name www.xxx.com; root /home; index index.

友儿

2022/09/11

8380

nginx反向代理配置缓存

缓存对象存储网络安全 nginx http

nginx自带缓存功能，作为代理，它可以缓存来自后端的数据。缓存后的数据在内存中有，也会放在设定的目录下。这样以后客户端继续请求相同资源时，可以直接从内存中或者自身的磁盘中获取并返回给客户端。

蔡大川

2021/03/25

3.4K0

Nginx反向代理配置实例

nginx 网络安全 tomcat 腾讯云测试服务 tcp/ip

大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说Nginx反向代理配置实例,希望能够帮助大家进步!!!

Java架构师必看

2022/01/11

3360

Nginx配置反向代理uwsgi

nginx http 官方文档 web.py

[uwsgi] http = 127.0.0.1:8091 访问地址 master =true

kirin

2020/11/30

1.6K0

反向代理 nginx 配置原

[root@localhost conf]# cat nginx.conf #运行用户 user root; #启动进程,通常设置成和cpu的数量相等 worker_processes 8; #全局错误日志及PID文件 error_log /home/logonuser/www/logs/error.nginx.log; pid /var/run/nginx.pid; #工作模式及连接数上限 events { #epoll是多路复用IO(I/O Multip

用户2836074

2018/08/15

4780

点击加载更多

相似问题

nginx -s reload报错？

2643

在配置 HTTPS 时卡住了，nginx -s reload重启时报错？

31.3K

nginx 配置HTTPS反向代理无效无法通过http://或者https 访问？

01.5K

配置 https 配置完后报错？

714K

配置 https 配置错误完后报错？

1178

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例