我试图让样式组件采用作为反应组件的 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) 我第一次同时使用 sequelize、MySQL 和 docker,但无法通过 sequelize 连接到数据库。
我已经用 DBeaver 测试了数据库的存在,我可以连接。当我通过 DBeaver 连接时,我还可以在终端中看到 MySQL 容器的响应。但是,当尝试使用代码连接时,出现 ECONNREFUSED 错误。
我已经使用 sequelize 文档检查了我的代码并仔细检查了端口设置,但似乎看不出我哪里出错了。
networks:
- app-tier
Run Code Online (Sandbox Code Playgroud)
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) 我正在尝试在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) 我正在尝试使用 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) 我只是逐字地关注一个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会自动处理?