gpt4 book ai didi

asp.net-core - 将 npm 中的 React 组件与 Reactjs.net 结合使用

转载 作者:行者123 更新时间:2023-12-02 14:25:21 26 4
gpt4 key购买 nike

如何将 npm 中的 React 组件添加到我的 Startup.cs 中?

对于their demo that I followed ,我目前有:

app.UseReact(config =>
{
config.AddScript("~/js/helloworld.jsx");
});

这工作得很好。

如果我有一个通过 npm 安装的组件,该组件位于 node_modules 文件夹中,我如何引用该组件并将其用于通过 进行服务器端渲染>Reactjs.NET

最佳答案

我能够基于 reactnet-webpack 模板来做到这一点。就我而言,我试图包含 react-jsonschema-form,但我想它对于所有其他 React 组件应该同样有效。

  1. 安装组件npm install -s @rjsf/core
  2. 导入您想要使用该组件的 .jsx 文件:import Form from "@rjsf/core";
  3. 在现有渲染函数中添加组件:
const schema = {
title: "Todo",
type: "object",
required: ["title"],
properties: {
title: { type: "string", title: "Title", default: "A new task" },
done: { type: "boolean", title: "Done?", default: false }
}
};
const log = (type) => console.log.bind(console, type);

render() {
return (
<Form schema={schema}
onChange={log("changed")}
onSubmit={log("submitted")}
onError={log("errors")} />
);
}
}
  • 使用 Webpack 重建 JS 部分:npm run build

  • 在 Visual Studio 中启动应用

  • 关于asp.net-core - 将 npm 中的 React 组件与 Reactjs.net 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37719221/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com