![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
建筑安全转Java-张无忌
大家好,我是Java-张无忌。本科安全工程(施工方向)专业,英语6级大二一次过,大四开始自学java,JavaScript,早期呆过外包公司,目前在北京朝阳区一家初创公司从事服务端软件研发!
展开
-
react事件绑定
react事件绑定中,应使用箭头函数。错误示范:如下所示,如果这样写,将事与愿违。本想当点击Button时再触发doSth方法,但是这样写造成,当程序渲染此按钮时,就会立即执行doSth方法doSth(){}<Button onClick={doSth()} ></Button>正确写法1:doSth(){}<Button onClick={()=>doSth()} ></Button>正确写法2:doSth=()=>{原创 2021-09-13 13:56:56 · 107 阅读 · 0 评论 -
require引入本地视频导致electron白屏问题,解决过程
仅供参考,以下内容为笔者解决问题的过程记录技术栈:electron、react、nodeJs需要实现的功能:存储聊天记录中的图片、视频到本地;当用户点击时,展示大图or播放视频每次存储本地文件后,代码都会重新编译加载一次。如果真是写入文件的方式有问题,那为什么之前发送图片的时候是好好的呢?三个写入方式都没有问题,关键是看写入的内容,倘若是hello.txt那就没事,若是buffer格式就不行,就会导致重新编译。stream.write写hello.txt也不行=》stream写入方式不行,尤其是原创 2021-09-10 16:51:33 · 447 阅读 · 0 评论 -
http.createServer is not a function
在我的系统里,如果这样引入,http模块,就报题目那个错// server.jsconst http = require('http')const fs = require('fs')http.createServer(function(__req, __res){ fs.createReadStream('./asset/24783431-1-80.mp4').pipe(__res)}).listen(3000,function(){ console.log('server is原创 2021-09-10 11:46:10 · 1827 阅读 · 0 评论 -
TypeError: fs.existsSync is not a function
react中没想到竟然有一个小意外引起的,不知道是在什么时候,有一个react组件竟然导入了下面这个模块,关键是app还没有被引用。23 import { app } from 'electron';...55 export default class realNetMeeting extends Component {控制台提示是:报错源于第55行。我算是看明白了,合着即便是第23行import引起的错误,提示的时候也偏偏提示是,55行,组件声明时的错。害得我以为真的是55行有什么错误。定原创 2021-08-27 15:32:19 · 1170 阅读 · 0 评论 -
react事件绑定传递多个参数语法
checkResult(param,event){ // 如果证据存在 if(param) console.log("证据确凿,mangoTV钱某实锤!") } //event 代指,点击事件本身<div onClick={(event)=>this.checkResult(param,event)} ></div>...原创 2021-08-25 13:47:40 · 409 阅读 · 0 评论 -
react中使用video标签显示本地视频不生效问题
src中直接输入字符串视频地址不能播放,但是通过import的导入却是可以的。但是import只能写在文件最顶端,所以就想到使用require。没想到还真成功了!感谢自己的坚持!let source = require('../assets/WeChatvideo.mp4');<video id="playChatVideo" width="320" height="240" controls> <source src={source} type="video/mp4">原创 2021-08-16 15:30:28 · 3714 阅读 · 4 评论 -
class ChatContent extends Component继承之后仍然无法使用state
this.setState({ groupMembers : tagets })理论上赋值后,groupMembers 应该有数据的,经此操作后,没想到groupMembers 依然是空值,加之本class类没有render函数guess:可能不是一个标准意义上的react组件,所以使用state也是不生效的。大家觉得是为什么呢?期待大佬评论...原创 2021-07-08 12:02:28 · 158 阅读 · 0 评论 -
react中箭头函数与trtcSDK监听事件绑定
这种写法,将会把onUserSubStreamAvailable函数的执行结果,作为trtcCloud.on方法的第二个参数。 trtcCloud.on('onUserSubStreamAvailable', this.onUserSubStreamAvailable(e));其实其第二个函数应该只是一个函数,正解如下: trtcCloud.on('onUserSubStreamAvailable', this.onUserSubStreamAvailable)原创 2021-06-30 13:56:46 · 215 阅读 · 0 评论 -
react组件中全局变量如何设置
import React from 'react'//此变量写在声明组件之前,不为组件内部的变量,即使组件销毁,该变量依然存在!//类似java中的static修饰的静态变量let num = 0export default class A extends React.PureComponent { componentDidMount() { console.log(temp) } render() { return ( <div>A</d原创 2021-06-24 18:15:53 · 5961 阅读 · 6 评论 -
Module not found: Can‘t resolve ‘sdk/service...in ‘D:...\src\pages
[0] Module not found: Can't resolve 'sdk/service/user/SendMediaService.js' in 'D:\Project\SvnLocal\cso-electron\electron-react-quick-start\src\pages'```这就是报错,纳闷明明已经在package.json里配置sdk对应的 相对路径,他怎么偏偏从src/page下寻找呢?不过问题最后解决了,因为正确的路径是sdk/service/chat而不是sdk/se原创 2021-06-18 10:26:24 · 363 阅读 · 0 评论 -
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.出现这个问题因为,父组件想引用自组件,这个标签。但是导出的是一个JavaScript类const self = new SendImage();export default self正确的导出子组件export def原创 2021-06-17 16:23:30 · 1330 阅读 · 0 评论