我正在将动态内容（从数据库）拉到模板中。您可以将其视为一些简单的 CMS 系统。内容字符串包含模板变量。就像这个（简化的情况）：

vars['current_city'] = "London"
vars['content'] = 'the current city is: {{current_city}}'  #this string comes from db
return render_template(request, 'about_me.html',vars)

然后在模板中：

{{content}}

输出明显：
当前城市是：{{current_city}}
预期：
当前城市是：伦敦

我的问题 - 有没有办法在另一个变量中呈现变量名称？使用自定义模板标签/过滤器似乎是一个好主意，但我试图创建一个但没有成功......有什么想法可以解决这个问题吗？

我正在尝试使用 gvim 用孟加拉语（ http://en.wikipedia.org/wiki/Bengali_alphabet ）编写。字体渲染不正确。我试过gedit，渲染是正确的。要进行比较，请查看此图像的 gedit 和此图像的 gvim （所有非英语实际上都是孟加拉语，请参见例如第 590 行中的差异）

如果有帮助的话：

$vi --version
VIM - Vi IMproved 7.3 (2010 Aug 15, compiled May 14 2013 13:17:57)
Included patches: 1-415, 417-944
Modified by <bugzilla@redhat.com>
Compiled by <bugzilla@redhat.com>
Huge version with GTK2 GUI.  Features included (+) or not (-):
+arabic          +file_in_path    +mouse_sgr       +tag_binary
+autocmd         +find_in_path    -mouse_sysmouse  +tag_old_static
+balloon_eval    +float           +mouse_urxvt     -tag_any_white
+browse          +folding         +mouse_xterm     -tcl
++builtin_terms  -footer          +multi_byte      +terminfo
+byte_offset     +fork()          +multi_lang      +termresponse
+cindent         +gettext         -mzscheme        +textobjects …

我正在使用 express.js 的 res.render 函数，但在设置自定义标头时遇到了一些问题，我尝试了 4 种方法，但都失败了

这是我的代码

方法一

app.get('/login', function(req, res, next) {
  res.writeHead(200, {'Content-Type':'text/plain; charset=utf-8'});
  next()
});

app.get('/login', function(req, res) {
  res.locals.text="hello";  
  res.render('index');
});

它有一个带有以下代码的错误日志： Error: Can't set headers after they are sent.

方法 2（来自此处的示例）

app.get('/login', function(req, res, next) {
  res.header(200, {'Content-Type':'text/plain; charset=utf-8'});
  next()
});

app.get('/login', function(req, res) {
  res.locals.text="hello";
  res.render('index');
});

该代码带有错误： TypeError: field.toLowerCase is not a function

方法三

app.get('/login', function(req, res) {
  res.writeHead(200, {'Content-Type': 'application/xhtml+xml; charset=utf-8'});
  res.locals.text="hello";
  res.render('index');
});

代码也有错误： Error: Can't set headers …

我有一个非常大的对象数组，其中包含大量数据要由组件中的 Vue 渲染到 DOM，我想最好的方法是仅渲染将可见的 HTML，例如，如果每个组件高度为 100 像素，组件容器高度为 1000 像素，一次只能渲染 10 个组件；直到用户向下或向上滚动，并以一种 FIFO 方式（先进先出）渲染和“取消渲染”相应的元素。

所以我想知道的是：这是最好的方法吗？，可以通过使用一个包含 10 个对象的数组来解决，并将 100px 添加到容器的高度（在容器的底部和顶部放置额外的 50px )，因此当用户在该额外空间中滚动时执行 fifo 操作，另一种解决方案是为每个组件提供计算能力（借助 window 对象），如果可见，然后呈现自身（使用 v-显示指令）。我不知道。

（好吧，这个问题是指列表的动态呈现，而不是动态组件或动态组件的动态负载）。

任何想法、方法、标准或技术都会非常有用！

var app = new Vue({
  el: '#app',
  data: {
    users: Array(1000).fill({
      gender: "male",
      name: {
        title: "mr",
        first: "vincent",
        last: "ouellet"
      },
      location: {
        street: "6963 disputed rd",
        city: "brockton",
        state: "yukon",
        postcode: "Z4J 0J2",
        coordinates: {
        latitude: "-60.8550",
        longitude: "-36.0196"
      },
      timezone: {
        offset: "+3:30",
        description: "Tehran"
      }
      },
      email: "vincent.ouellet@example.com",
      login: …

我无法弄清楚这一点，如果你能指出我正确的方向。在我的 NavMenu.js 我有登录（两个输入和一个提交按钮，我调用handleSubmit()

在handleSubmit()我检查用户登录凭据时效果很好，但在我确认登录后，我继续执行下一次获取以检查用户角色（并返回承诺）和应用程序中的可见性

Helper.js

function getAllRoles(formName, sessionVarName) {

    var roleData = [];
    var roleId = sessionStorage.getItem('UserLoggedRoleId');

    fetch('api/User/GetUserRole/', {
    'method': 'POST',
    headers: {
        'Accept': 'application/json, text/plain, */*',
        'Content-Type': 'application/json'
    },
    'body':
        JSON.stringify({
            'roleId': roleId,
            'formName': formName
        })
    }).then(roleResponse => roleResponse.json())
    .then(data => {
        sessionStorage.setItem(sessionVarName, JSON.stringify(data));
        roleData = data;
    });

  var result = Promise.resolve(roleData)

  return result;
}

function checkRoleVisibility(userRoles, role) {} <-- return true or false

export {
  getAllRoles ,
  checkRoleVisibility   
};

在 NavMenu.js 中

import { getAllRoles, …

当 props 改变时如何强制渲染我们的组件？如何在子组件的 props 更改时强制渲染父组件？

我搜索了很多，但所有解决方案在新的 React 版本中都被弃用了。

在我的任何页面（路由精确路径=“/post/:id”组件={post}）例如（siteUrl/post/1）我从道具（this.props.match.params）和那个有效。

但是当我在单页组件 (Post) 和此路由 (siteUrl/post/1) 中时，当我将新的 Props 传递给此组件 (:id) 时。

props 会改变但单个组件和父组件不会重新渲染...

问题

我有一个表单可以通过 React 中的 api rest 发送数据，当我有大约 80 个文本字段时，表单上的渲染和写入非常慢。

我使用带有钩子的功能组件来处理输入文本和 Material-UI 作为 UI 框架。在第一次尝试中，我有一个柯里化函数来处理这些值：

setValue = (setter) => (e) => { setter(e.target.value) }

但是渲染过程真的很慢（因为我在每个渲染中都创建了一个函数），所以我将 setter 函数作为 prop 发送，然后它改进了一点但还不够。

实际上，当我在任何输入中写入一个键时，输入响应大约为 500 毫秒。

我该怎么做才能获得更好的性能？

为了理解目的，代码被简化了。

示例代码如下：

const [input1, setInput1] = useState('')
const [input2, setInput2] = useState('')
const [input3, setInput3] = useState('')
.
.
.
const [input80, setInput80] = useState('')

// render the Inputs
<Input value={input1} setter={setInput1} text="Some label text" />
<Input value={input2} setter={setInput2} text="Some label text" />
<Input value={input3} setter={setInput3} text="Some label …

我正在尝试使用 rayshader 包制作图像。我很高兴能够使用如下代码创建一个 png 文件：

library(ggplot2)
library(rayshader)

example_plot <- 
  ggplot(data.frame(x=c(1,2,3),y=c(4,5,6),z=c(5,4,3)),aes(x=x,y=y,color=z)) + geom_point()

plot_gg(example_plot, width = 2, height = 2, multicore = TRUE, scale = 125, 
        zoom = 0.5, phi = 60, theta=-10, windowsize = c(3200, 3200), offset_edges = TRUE)

Sys.sleep(2.0)

render_depth(focus = 0.5, focallength = 100, fstop = 8, clear = TRUE,filename="example.png")

不幸的是，我无法弄清楚如何使输出图像具有更高的分辨率。我试过调整窗口大小，在低值下似乎有所不同，但我已经达到了某种上限，输出图像的分辨率不会超过 1372 x 893。我该怎么做才能获得输出分辨率约为 3200 x 3200 的图像？

谢谢！

我是新手，我在重新渲染组件时遇到了一些麻烦。我有带有路由/code/feed?user_id=${id}的CodeFeed组件，它显示一个包含用户帖子的列表。这个列表可以通过user_id过滤。如果 user_id 未定义，将显示所有用户的帖子。