react 使用 ref 报错 ,[eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs)

react 项目中给指定元素加事件,使用到 react 的 ref 属性,Eslink 报错 [eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs)

常用方法:(会报错)


var Hello = createReactClass({
  componentDidMount: function() {
    var component = this.refs.hello;
    // ...do something with component
  },
  render: function() {
    return <div ref="hello">Hello, world.</div>;
  }
});

正确方法:

1 var Hello = createReactClass({
2   componentDidMount: function() {
3     var component = this.hello;
4     // ...do something with component
5   },
6   render() {
7     return <div ref={(c) => { this.hello = c; }}>Hello, world.</div>;
8   }
9 });
时间: 2024-11-03 18:56:18

react 使用 ref 报错 ,[eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs)的相关文章

Mybatis 报错 There is no getter for property named &#39;***&#39; in &#39;class java.lang.String&#39;

在mapper.xml中 , 如果单参数是String类型 , 且在sql语句中对参数进行了判断 , 如下 when 中的判断 , 如果出现 if 判断也是一样的.都需要把判断中的参数用 _parameter 来代替 ,. 另外orcal中判断字段是否为空需要使用 is null , 同理,判断不为空使用 is not null . 错误查询: <select id = "select" resultMap="ResultMap" parameterType=

升级code11.3后遇到React Native启动报错的问题 getCurrentAppState:error 和 objectAtIndexedSubscript: 的解决方案

我的xcode打包闪退,尝试启动项目,遇到React Native启动报错的问题,原本的项目的是Xcode10的,现在我更新了我Xcode版本到Xcode11. 报错为 Unknown argument type '__attribute__' in method -[RCTAppState getCurrentAppState:error:]. Extend RCTConvert to support this type. 这个BUG是Xcode.11引起的, 可以查看这个问题的提交记录,链接

react component 语法报错解决

React es6语法 class Counter extends Component { static propTypes = { 报错. 两个解决方案: 1.等号改为冒号,但是看着别扭 2.yarn add babel-preset-stage-0 { "presets": ["react", "es2015", "stage-0"] }

React Native 基础报错及解决方案记录

刚开始上手RN,碰到很多坑,记录一下.碰到问题多去看看github上面的issue! 启动命令react-native run-ios报错 1.:xcrun: error: unable to find utility "instruments", not a developer tool or in PATH 解决方案 sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/ 重新跑一下就好了 2.bundlin

vue运行报错--eslint

Errors:? 1? http://eslint.org/docs/rules/no-trailing-spacesYou may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file.解决方法: 因为设置了eslint,如果不想有

安装react后运行报错

错误提示:npm WARN checkPermissions Missing write access to C:\Users\LXD\Desktop\webpack-base\node_modules...... 解决方法:删除node_modules文件夹,在项目目录命令行运行npm i,重新生成node_modules,问题解决 问题总结:很多时候在npm中的一些奇奇怪怪的错误,都可以先尝试一下删除node_modules文件夹,重新安装模块看看能不能解决 原文地址:https://www

mybatis报错: java.lang.IllegalArgumentException invalid comparison: java.util.Date and java.lang.String

原因是在使用<if> 进行条件判断时, 将datetime类型的字段与 ' ' 进行了判断,导致的错误 解决, 只使用  <if test="createTime != null"></if> 做判断就行了 详细可参考: https://blog.csdn.net/wanghailong_qd/article/details/50673144 原文地址:https://www.cnblogs.com/gczmn/p/11880972.html

ref 属性使用eslint报错

react 使用 ref 报错 ,[eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs) 报错1: var Hello = createReactClass({ componentDidMount: function() { var component = this.refs.test; }, render: function() { return <div ref="te

ognl.OgnlException: target is null for setProperty(null, &quot;login&quot;, [Ljava.lang.String;@133cdbd) 国际化时,登录按钮报错

虽然不影响程序运行,但是会报错警告 警告: Error setting expression 'html.login' with value '[Ljava.lang.String;@133cdbd'ognl.OgnlException: target is null for setProperty(null, "login", [Ljava.lang.String;@133cdbd) 登录代码 <s:submit id="login" key="h