主页 / user-8638267

John Sall's questions

Martin Hope
John Sall
Asked: 2025-02-13 22:07:06 +0800 CST
  • 5

这是AppContext.jsx文件内容：

import { createContext } from "react";

export const AppContext = createContext()

export const AppContextProvider = (props) => {

    const value = {

    }
    
    return (
        <AppContext.Provider value={value}>
            {props.childern}
        </AppContext.Provider>
    )
}

这是app.jsx文件内容：

import React from 'react'
import { Route, Routes } from 'react-router-dom'
import Home from './pages/student/Home'
import CoursesList from './pages/student/CoursesList'

function App() {

  return (
    <>
      <div>
      <h1 className="text-3xl font-bold underline">
      Hello world!
    </h1>
    <Routes>
        <Route path='/' element={<Home />} />
        <Route path='/course-list' element={<CoursesList />} />
      </Routes>
    
      </div>
      
    
    </>
  )
}

export default App

这是main.jsx文件：

import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import { AppContextProvider } from './context/AppContext.jsx'
import { BrowserRouter } from 'react-router-dom'

createRoot(document.getElementById('root')).render(

 <BrowserRouter>
    <AppContextProvider>
      <App />
    </AppContextProvider>
  </BrowserRouter>,
  
)

当我删除<AppContextProvider>组件时，网页内容再次显示。发生了什么？我的控制台中没有错误

javascript
Martin Hope
John Sall
Asked: 2025-02-05 17:55:10 +0800 CST
  • 5

当我编写此代码来显示图像文件名时alt：

<img class="card-img-top" alt="<%= store.main_image.filename %>" draggable="false" src="<%= my_store_url(store) %>" />

使用：

store.main_image.filename

例如alt，它不显示实际的文件名，而是显示1000043.jpg生产环境中这样的数字。

但是当我在开发环境中使用它时，它确实显示了实际的文件名。

html
Martin Hope
John Sall
Asked: 2024-01-04 12:06:44 +0800 CST
  • 5

我在 JavaScript 中有以下 Curl 代码：

function login() {
    var obj;
    const outputElement = document.getElementById('output');

  return fetch('http://localhost:3000/api-keys', {
  method: 'POST',
  headers: {
    'Authorization': 'Basic ' + btoa('[email protected]:123456'),
    "content-type": "application/json"
  }
}).then(function(response) {
    obj = response.json();
    }).then(() => {
        outputElement.textContent = obj;
    })
    
}

但带有打印的元素id = output：

[object Promise]

如果我在 中打印它console，使用与之前相同的代码，但添加以下内容：

...
.then(function(response) {
        obj = response.json();
        }).then(() => {
           console.log(obj);
        })
...

我明白了：

在此输入图像描述

当我将箭头展开到 的左侧时PromiseResult，我得到：

user_id: 2
user_name: john
created_at: "2024-01-04T04:01:03.855Z"
address: "Some address"

这就是我想要的，但我无法打印或存储它，它只能在控制台中使用。

javascript