小编Him*_*aaS的帖子

我正在尝试创建很少有自定义更改的反应组件作为包并发布到 npm 以便其他项目可以通过导入包来使用它们。

我的包是“样本测试”，可在 ( https://www.npmjs.com/package/sample-testing ) 获得。

使用“webpack”和“babel loader”来翻译 jsx 文件。

当我尝试使用此包中的该组件时出现以下错误。

缩小反应错误 #321；访问https://reactjs.org/docs/error-decoder.html?invariant=321获取完整消息或使用非缩小开发环境获取完整错误和其他有用的警告。

只有当我在包内使用材料 ui 组件而不是常规 html 组件时才会出现此错误。

.babelrc

  {
 "presets": ["react", "env", "stage-0"]
  }

wepack.config.js

var path = require("path");

module.exports = {
  mode: "production",
  entry: {
    TButton: "./src/TButton.jsx"
  },
  output: {
    path: path.resolve("lib"),
    filename: "[name].js",
    libraryTarget: "commonjs2"
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules)/,
        use: "babel-loader"
      }
    ]
  }
};

TButton.jsx

import React from "react";

import TextField from "@material-ui/core/TextField";

class TButton extends …

我正在 js 文件中使用 element.click() 来模拟鼠标单击操作，但鼠标光标在其他地方并且操作正在正确的元素上执行，我希望在执行模拟鼠标单击时将鼠标光标放在元素上。有人吗知道使用 javascript 代码，我怎样才能得到这个？

我试图从eclipse运行set命令,但我得到以下异常.

java.io.IOException: Cannot run program "set": CreateProcess error=2, The system cannot find the file specified
    at java.lang.ProcessBuilder.start(ProcessBuilder.java:1048)
    at java.lang.Runtime.exec(Runtime.java:620)
    at java.lang.Runtime.exec(Runtime.java:450)
    at java.lang.Runtime.exec(Runtime.java:347)

这是我的一段代码:

String command = "set Path=C:/Program Files/Java/jdk1.6.0_21/bin";
Process p = Runtime.getRuntime().exec(command);

我正在创建一个材质 UI 树视图组件。这里我的树有很少的树项目作为子项。我的目标是我能够更新孩子们的名字。所以我尝试使用树项目标签内的文本字段组件。但它不起作用。谁能帮助我如何重命名它的孩子？换句话说，我需要一个可编辑的树。

在这里我使用了 Textfied，如下所示。

const  item = <TextField
name="Application"
label="Application" readOnly={false}></TextField>;
 <TreeItem nodeId="2" label={item} />

我的代码：

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import TreeView from '@material-ui/lab/TreeView';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
import ChevronRightIcon from '@material-ui/icons/ChevronRight';
import TreeItem from '@material-ui/lab/TreeItem';
import TextField from "@material-ui/core/TextField";
const useStyles = makeStyles({
  root: {
    height: 216,
  },
});

export default function FileSystemNavigator() {
  const classes = useStyles();
const  item = <TextField
name="Application"
label="Application" readOnly={false}></TextField>;
  return (
    <TreeView
      className={classes.root}
      defaultCollapseIcon={<ExpandMoreIcon />}
      defaultExpandIcon={<ChevronRightIcon …