3

如何将反应组件添加npm到我的Startup.cs？

对于我关注的他们的演示，我目前有：

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

这很好用。

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

4

1 回答 1

0

我能够根据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")} />
        );
    }
}

  1. 使用 Webpack 重建 JS 部分：npm run build

  2. 在 Visual Studio 中启动应用

于 2020-04-08T10:43:43.117 回答