小编pha*_*der的帖子

使用create-react-app创建新的React组件的最佳方法

我正在使用create-react-app。是否有命令创建用于支撑文件的组件。

现在,我正在手动创建文件。假设组件名称为Button,我在组件文件夹内创建一个名为Button的文件夹,然后创建Button.jsButton.css文件。

是否有任何CLI命令使用create-react-app来执行此操作?我知道有一种方法可以执行此Angular CLI,但是对React CLI一无所知。

javascript reactjs create-react-app

13
推荐指数
3
解决办法
2万
查看次数

将 node_modules 中的 js 和 css 文件包含到静态 html 页面中

我的开发服务器在节点实时服务器上运行。我的产品将是 LAMP 服务器。

我有normalize.css我的 node_modules 服务器。在我的index.html我有

<link rel="stylesheet" href="/node_modules/normalize.css">
<link rel="stylesheet" href="css/styles.css">
Run Code Online (Sandbox Code Playgroud)

我不希望文件链接到node_modules目录。

我想要类似的东西

<link rel="stylesheet" href="css/normalize.css">
Run Code Online (Sandbox Code Playgroud)

这是可行的吗?我有很多像这样的其他 css 和 js 文件。

更新 1

让我澄清一下,这个应用程序既不是节点应用程序也不是 php 应用程序,它只有 html、css 和 js 文件。一切都在客户端运行,但是..我们希望利用最新的客户端开发工具用于 JS 和 CSS,并将最终构建上传到生产服务器。

css node.js npm

10
推荐指数
1
解决办法
8768
查看次数

Formik 重置错误

我正在尝试重置表单中的所有错误。

我尝试使用setErrorsand setStatus,这些都不起作用。Formik 状态中的错误未清除。

setErrors({errors: {}})
Run Code Online (Sandbox Code Playgroud)

setStatus({ errors: {}});
Run Code Online (Sandbox Code Playgroud)

以上都没有奏效。

resetForm()清除所有错误,但表单值也被重置,这是我不想要的。任何只清除错误对象的指针?

reactjs formik

8
推荐指数
2
解决办法
1万
查看次数

.htaccess重定向主域和插件域问题

我有一个域名maindomain.com

在主域名中我有一个博客.主域名现在不活跃.因此,所有对站点root index.php的请求都将使用htaccess重定向到maindomain.com/blog.

我在htaccess中有这个用于重定向

Redirect /index.php http://www.maindomain.com/blog/
Options All -Indexes
Run Code Online (Sandbox Code Playgroud)

一切正常.

现在我添加了一个Addon域.addon domain root文件夹是maindomain.com/addondomain.com

addondomain.com文件夹有一个index.php.当我在浏览器中访问addondomain.com时,它被重定向到http://www.maindomain.com/blog/如何防止这种情况?

php .htaccess url-redirection

5
推荐指数
1
解决办法
2088
查看次数

MySQL SELECT查询返回整数和整数+字符串

我的表名 students

uid  |  name
-----+-------
10   |  John
11   |  Smith
Run Code Online (Sandbox Code Playgroud)

**数据类型:**

uid  int(11)
name varchar(256)
Run Code Online (Sandbox Code Playgroud)

我的查询:

SELECT name FROM students WHERE uid = '10'
Run Code Online (Sandbox Code Playgroud)

返回值John

我的第二个查询:

SELECT name FROM students WHERE uid = '10someChar'
Run Code Online (Sandbox Code Playgroud)

返回值John

为什么第二个查询返回John?

php mysql sql

5
推荐指数
1
解决办法
305
查看次数

使用hoist-non-react-statics和withRouter

如何使用hoist-non-react-staticswithRouter

我在Feedback组件中添加静态方法.

这是我的原始代码.我正在尝试使用Context API中的新更改(反应第16.6节)

Feedback.contextType = AppContext;

export default withRouter( Feedback );
Run Code Online (Sandbox Code Playgroud)

这工作正常,但我在控制台中收到以下警告.

警告:withRouter(反馈):功能组件不支持contextType.

所以为了修复警告我在这里使用了Dan提出的方法.它也在反应文档中提到过

所以我现在有了这个代码无效.

进口了 hoist-non-react-statics

import {Link, withRouter} from 'react-router-dom';
import hoistNonReactStatics from 'hoist-non-react-statics';
Run Code Online (Sandbox Code Playgroud)

并导出这样的组件

Feedback.contextType = AppContext;
hoistNonReactStatics( Feedback, withRouter(Feedback) );

export default Feedback;
Run Code Online (Sandbox Code Playgroud)

但由于某种原因,路径信息(历史,匹配等)未填充 props

任何指针为什么它不工作?

javascript router reactjs react-router-v4

5
推荐指数
1
解决办法
1673
查看次数

如何访问 getDerivedStateFromProps 中的组件函数

如何在静态 getDerivedStateFromProps 中调用组件函数?

这是我的代码

class Box extends Component {

  updateVariables() {
    this.statColorClass = "no-change";
    if(this.props.dir === "up") {
      this.statColorClass = "up";
      this.dirIcon = <GoArrowUp />;
    } else if (this.props.dir === "down") {
      this.statColorClass = "down";
      this.dirIcon = <GoArrowDown />;
    }
  }
  static getDerivedStateFromProps() {
    this.updateVariables(); // not working
  }
 render() {}
}
Run Code Online (Sandbox Code Playgroud)

线路this.updateVariables();不工作。我怎么打电话updateVariables()

reactjs

2
推荐指数
1
解决办法
2900
查看次数

jQuery parseJSON失败

我正在用jQuery parseJSON函数做一些事情.

这是代码,它不起作用

var obj = $.parseJSON("{'w':'w-1'}");
alert(obj.w);
Run Code Online (Sandbox Code Playgroud)

调试一段时间后,我将单引号更改为双引号,如下面的代码,它工作正常.

var obj = $.parseJSON('{"w":"wb-001"}');
alert(obj.w);
Run Code Online (Sandbox Code Playgroud)

一些相关问题

1)我只是想知道为什么单引号不起作用?

2)单引号适用于eval但不适用于parseJSON,为什么?

var obj = eval("("+"{'w':'w-1'}"+")");
alert(obj.w);
Run Code Online (Sandbox Code Playgroud)

3)我通常这样写

var someString = "HELLO WORLD";
Run Code Online (Sandbox Code Playgroud)

var someString = 'HELLO WORLD';
Run Code Online (Sandbox Code Playgroud)

在遇到上述问题之后,我想知道我在过去的javascript编码中是否做错了.

提前完成,kvj

javascript jquery json

1
推荐指数
1
解决办法
1820
查看次数