小编Roh*_*wal的帖子

我正在尝试在 React 中使用 Formik 作为一个虚拟应用程序。如果我给出值作为道具，我将无法在任何一个输入框中输入任何内容。另一方面，如果我跳过 value 属性，那么我可以在框中键入内容，但提交时不会反映为值。

这是代码：

export default class DashboardPage extends React.Component {
    render() {
        return (
                    <Formik
                        initialValues={{ fname: "", lname: "" }}
                        onSubmit={(values) => {
                            alert(values.fname);
                        }}
                        render={({ values, handleChange, handleSubmit }) => (
                            <form onSubmit={handleSubmit}>
                               <input type="text" placeholder="First Name" name="fname" onChange={handleChange} value={values.fname} />
                               <input type="text" placeholder="Last Name" name="lname" onChange={handleChange} value={values.lname} />
                               <button type="submit>ADD<button/>
                            </form>
                        )}
                    />
        );
    }

}

我在这里可能是非常错误的，并且可能会忽略一个小错误，但是任何帮助/建议都是值得赞赏的！

我最近更新到最新的 angular 版本 9 并创建了一个应用程序。我使用以下命令使这个应用程序通用：ng add @nguniversal/express-engine 然后我使用以下命令构建应用程序：npm run build:ssr && npm run serve:ssr

现在 dist 文件夹是用浏览器和服务器文件夹创建的，但在 dist 根目录中没有创建 server.js 文件，而且当我用 angular 9 构建应用程序时，也没有创建 webpack 配置文件。请告诉我一个方法将我在 angular 9 上构建的新应用程序部署到 Firebase 云功能和托管

在我的组件中，我以以下方式使用了图像：

<div className="margin-10 flex-row-center">
                    <span>
                        <img src={spinner} className="spinner" />
                    </span>
                    <span className="padding-10">
                        We are checking your details
                    </span>
</div>

这是来自一个包含许多状态的大型功能组件的几行代码。该组件有时也用作其他组件的子组件。

现在，每当状态更新时，都会重新渲染组件。自然。

然而，图像上的视觉更新是可见的，这不是一个好的用户体验。

关于如何防止这种不必要的图像重新渲染的任何帮助。另外，如果有任何其他方法可以在 React 中使用图像，可以解决这个问题，将会很有帮助。

我有一个 react/redux 应用程序，当文件更改并点击保存时，它会刷新页面并清除所有 redux 数据。我知道我可以将 redux 数据保存到本地存储。我想知道的是，当文件更改时，react/node 服务器刷新页面的默认行为是什么？如果不是，我该如何预防？