-
React基于组件开发 所有大写开头的标签都是组件查看全部
-
传值查看全部
-
在正文中加入花括号 可以写js表达式 但不能写js的语句 {1+2}对
{if(true){return 1+2}}错
查看全部 -
首先,index.js他是一个入口,首先他引入了react,帮助我们去理解app开头的组件,又引入了reactdom,帮助我们将组件渲染到一个root节点上。结尾的export default app是将其导出,这样,在index.js中才能将他再导入进去,导出和导入是配对使用的。
而app就是一个组件,她在app.js当中定义,首先,需要定义一个APP的类,她继承react.component.
当一个类集成了react.componet后他就是react中的一个组件,react 组件中必须有一个函数叫做render,这个函数负责这个组件要显示的内容,并且这个函数会return一个内容,他return回去的内容就是这个组件要 显示的内容
查看全部 -
react native
react fiber -->v16后的版本进行了底层改良,
查看全部 -
react fiber:react16以后的版本,对底层核心算法进行了改良,引入优先级、分片概念。使代码运行更加流畅。尤其是处理复杂动画。
查看全部 -
父组件通过属性的形式给子组件传递参数
子组件通过props的形式接受父组件传递的参数
查看全部 -
render(){
return ();
}
查看全部 -
父组件通过属性的形式向子组件传递参数,子组件通过props接受父组件传递关联的参数,子组件给父组件传递参数时需要调用父组件的方法!
查看全部 -
用户定义的组件必须以大写字母开头
以小写字母开头的元素代表一个 HTML 内置组件
比如 <div> 或者 <span> 会生成相应的字符串 'div'或者 'span' 传递给 React.createElement(作为参数)。大写字母开头的元素则对应着在 JavaScript 引入或自定义的组件
如 <Foo /> 会编译为 React.createElement(Foo)。
我们建议使用大写字母开头命名自定义组件。如果你确实需要一个以小写字母开头的组件,则在 JSX 中使用它之前,必须将它赋值给一个大写字母开头的变量。查看全部 -
温馨提示:使用箭头函数以避免在标签内部或者constructer内部bind(this)的繁琐操作,示例代码如下:
handleDelete = ()=>{
your code
}
查看全部 -
大写字母都是组建查看全部
-
这是一个错误信息:在没有“onChange”处理程序的情况下,为表单字段提供了一个“value”道具。这将呈现只读字段。如果字段应该是可变的。
错误原因是因为input框应用的是o'nClick事件 而没有用onChange进行绑定!!
查看全部 -
jsx语法: {编写js表达式} 不能写js语句
查看全部 -
React 组件传值:
<ul>{
this.state.list.map((item,index)=>{
return <TodoItem content={item}/>
})
}</ul>
注释:item 传的值
index :值的位置
TodoItem :组件名称
组件接收值:
先创建组件:
import React from 'react';
class TodoItem extemds React.Component{
render(){
return(
<div>{}</div>
)
}
}
export default TodoItem;//导出组件
组件接收传过来的值时:
只需要更改接收方式:
<div>{this.props.content}</div>
记:父组件通过属性的形式给子组件传递参数
子组件通过this.props.(传过来的参数)来接收
查看全部
举报