小编Kit*_*rat的帖子

如何在 React 中从 firebase 检索数据?

我正在使用 React 制作一个待办事项列表应用程序。我能够将数据保存到 firebase 数据库中。但是,我不知道如何检索这些数据并将它们放入 JSX 中。我可以在控制台中打印它们。目前,我只通过在栏中键入并按 Enter 来输出待办事项列表。

这是我的代码。有点乱

   import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import firebase from 'firebase';

var config = {
    apiKey: "**********************",
    authDomain: "react-to-do-list-a8f6d.firebaseapp.com",
    databaseURL: "https://react-to-do-list-a8f6d.firebaseio.com",
    projectId: "react-to-do-list-a8f6d",
    storageBucket: "react-to-do-list-a8f6d.appspot.com",
    messagingSenderId: "673689778313"
};
firebase.initializeApp(config);

const database = firebase.database();
const ref = database.ref('todos');




// const todos = []
class Index extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            todo: '',
            todos: [],
            // database: 
        }
        this.handleInput = this.handleInput.bind(this)
        this.addTask = this.addTask.bind(this)
        this.check …
Run Code Online (Sandbox Code Playgroud)

javascript firebase reactjs firebase-realtime-database

5
推荐指数
1
解决办法
1万
查看次数

如何使用 ejs 连接 html 属性中的字符串?

我正在尝试使用 ejs 模板引擎创建一个指向随机文件的链接。我有一个名为 randomProject 的 javascript 字符串变量,它位于名为“case”的文件中。但是,我不知道如何将这两个字符串连接在一起。

我曾尝试使用“加号”符号,<a href=<% "/case/" + randomProject%>>但没有奏效。

index.ejs(在我想做一个随机链接之前)

<a href='/case/portfolio-website'>
    <h2>Portfolio Website</h2>
</a>

Run Code Online (Sandbox Code Playgroud)

index.ejs(在我想做一个随机链接之后,现在不起作用)

<a href=<% "/case/" + randomProject%>>
<h2><%= randomProject %></h2>
</a>
Run Code Online (Sandbox Code Playgroud)

主文件

const projects = ['gochiso','junction','portfolio-website','tedx-flyer','tedx-website','thirty-logo-challenge']
const randomNum = Math.floor(Math.random() * projects.length);
const randomProject = projects[randomNum]
Run Code Online (Sandbox Code Playgroud)

目录

case
  gochiso.ejs
  portfolio-website.ejs
  thirty-logo-challenge.ejs
  junction.ejs
  tedx-website.ejs
Run Code Online (Sandbox Code Playgroud)

html ejs node.js

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