我正在使用 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) 我正在尝试使用 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)