小编use*_*470的帖子

将 SVG 组件作为背景图像反应到 div

我试图让样式组件采用作为反应组件的 SVG 并将其设置为背景图像,但出现错误:

类型错误:无法将符号值转换为字符串

SVG 组件代码:

import React from "react";

const testSVG = props => {
  return (
    <svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 193.3 129.7">
      <g>
        <g>
          <g>
            <path
              fill="#434343"
              class="st0"
              d="M162.4,116c-4.6,7.5-15.6,13.6-24.4,13.6H16c-8.8,0-12.3-6.2-7.7-13.7c0,0,4.6-7.7,11.1-18.4
                c4.4-7.4,8.9-14.7,13.3-22.1c1.1-1.8,6.1-7.7,6.1-10.1c0-7.3-15-24.9-18.5-30.7C13.5,23.6,8.3,14.9,8.3,14.9
                C3.7,7.4,7.2,1.2,16,1.2c0,0,65.9,0,106.8,0c10,0,25.9-4.5,33.5,3.8c8.7,9.3,15.5,25.4,22.5,36.8c2.6,4.2,14.5,18.3,14.5,23.8
                c-0.1,7.6-16,26.1-19.6,32C167.1,108.3,162.4,116,162.4,116z"
            />
          </g>
        </g>
      </g>
    </svg>
  );
};

export default testSVG;
Run Code Online (Sandbox Code Playgroud)

容器组件代码:

import React, { Component } from "react";
import StepSVG from "../../components/UI/SVGs/Test";

class StepBar extends Component {
  render() {
    const { steps } = this.props;

    return (
      <div>
        {steps
          ? steps.map(step => { …
Run Code Online (Sandbox Code Playgroud)

javascript svg reactjs styled-components

21
推荐指数
3
解决办法
4万
查看次数

Sequelize 无法从 Node/express 应用程序 (ECONNREFUSED) 同步到 docker 容器中的 MySQL

我第一次同时使用 sequelize、MySQL 和 docker,但无法通过 sequelize 连接到数据库。

我已经用 DBeaver 测试了数据库的存在,我可以连接。当我通过 DBeaver 连接时,我还可以在终端中看到 MySQL 容器的响应。但是,当尝试使用代码连接时,出现 ECONNREFUSED 错误。

我已经使用 sequelize 文档检查了我的代码并仔细检查了端口设置,但似乎看不出我哪里出错了。

在下面提供正确答案后,我注意到我有一个错误。我错过了 docker-compose.yml 文件中“mysql”容器中的以下内容。

networks:
    - app-tier
Run Code Online (Sandbox Code Playgroud)

为了避免要求其他用户阅读答案中的评论以发现这一点,我已将其添加到 docker-compose.yml 文件中,以便问题和答案现在更清晰地对齐

docker-compose.yml 文件:

version: '3'

networks:
    app-tier:
        driver: bridge
services:
    server:
        image: bitnami/node
        networks:
        - app-tier
        command: "sh -c 'npm install && npm run dev'"
        volumes:
        - ./server:/app
        ports:
        - 5000:5000
        depends_on:
        - mysql
    mysql:
        image: 'bitnami/mysql:latest'
        environment:
        - MYSQL_USER=root
        - MYSQL_PASSWORD=password
        - MYSQL_ROOT_PASSWORD=password
        - MYSQL_DATABASE=school
        networks:
            - app-tier
        ports:
        - '3306:3306'
        volumes:
        - …
Run Code Online (Sandbox Code Playgroud)

mysql node.js sequelize.js docker docker-compose

8
推荐指数
1
解决办法
4834
查看次数

在React中使用样式化组件向可折叠div添加过渡

我正在尝试在react中使用样式组件创建一个简单的可折叠div。

我可以让div根据状态切换打开和关闭的状态,但似乎无法过渡到工作状态。它只是跳到打开或关闭。

样式化的组件:

const Details = styled.div`
    transition: 0.3s ease-out;

    &.open {
        height: auto;
        padding: 25px 0;
    }

    &.closed {
        height: 0;
        overflow: hidden;
    }
`;
Run Code Online (Sandbox Code Playgroud)

JSX

<Details className={this.state.detailsOpen ? 'open' : 'closed'}>
    {stuff}
</Details>                
Run Code Online (Sandbox Code Playgroud)

css reactjs styled-components

3
推荐指数
1
解决办法
2367
查看次数

如何在Firestore中正确使用arrayUnion?

我正在尝试使用 Node.js Firebase Admin SDK 将新的 javascript 对象添加到 Firestore 集合中的数组字段。

我确信我所针对的文档具有相关字段,但我不断收到错误:TypeError:

Cannot read property 'arrayUnion' of undefined

我知道这个问题,但修复没有帮助。

非常感激任何的帮助。

有问题的路线:

router.post("/create-new-user-group", async (req, res) => {
  try {
    const { userId, usersName, groupName } = req.body;

    if (!userId || !usersName || !groupName) return res.status(422).send();

    const groupRef = await db.collection("groups").doc();

    const group = await groupRef.set({
      id: groupRef.id,
      name: groupName,
      userId,
      members: [{ id: userId, name: usersName, isAdmin: true }],
    });
    
    const response = await db
    .collection("users")
    .doc(userId)
    .update({
      groups: …
Run Code Online (Sandbox Code Playgroud)

javascript node.js express firebase google-cloud-firestore

2
推荐指数
1
解决办法
2174
查看次数

django没有为.id或.pk返回任何值

我只是逐字地关注一个Django教程,并且遇到了查询x.id或者.pk根本没有返回任何值的问题.这是在该表中的所有行,尽管所有其他数据都在工作.下面的例子来自我的python shell.

>>> c = Album(artist="Stone Roses", album_title="The Stone Roses", genre="Indie", album_logo="http://www.classicrockreview.com/Images/1989/AlbumCovers/1989_StoneRos    es.jpg")

>>> c
<Album: Album object>
>>> c.id
>>> c.artist
'Stone Roses'
>>> c.pk
>>> 
Run Code Online (Sandbox Code Playgroud)

我被引导相信idDjango会自动处理?

django django-models

0
推荐指数
1
解决办法
466
查看次数