当前位置: 首页 > news >正文

有什么做图片赚钱的网站做网站的软件叫什么

有什么做图片赚钱的网站,做网站的软件叫什么,数字化档案馆及网站的建设,深圳哪里有网络推广渠避React 组件使用 props 相互通信。每个父组件都可以通过为其子组件提供道具来将一些信息传递给子组件。Props 可能会让您想起 HTML 属性,但您可以通过它们传递任何 JavaScript 值,包括对象、数组和函数。 Props 是传递给 JSX 标签的信息。例如&#xff0…

React 组件使用 props 相互通信。每个父组件都可以通过为其子组件提供道具来将一些信息传递给子组件。Props 可能会让您想起 HTML 属性,但您可以通过它们传递任何 JavaScript 值,包括对象、数组和函数。

Props 是传递给 JSX 标签的信息。例如,、、、、和是您可以传递给 :classNamesrcaltwidthheight<img>

function Avatar() {return (<imgclassName="avatar"src="https://i.imgur.com/1bX5QH6.jpg"alt="Lin Lanying"width={100}height={100}/>);
}export default function Profile() {return (<Avatar />);
}

可以传递给标签的 prop 是预定义的(ReactDOM 符合 HTML 标准)。但是你可以将任何道具传递给自己组件,比如 ,来自定义它们。就是这样!<img><Avatar>

将道具传递给组件

在此代码中,组件不会将任何 props 传递给其子组件:ProfileAvatar

export default function Profile() {return (<Avatar />);
}

你可以分两步给出一些道具。Avatar

第 1 步:将 props 传递给子组件

首先,将一些道具传递给 .例如,让我们传递两个道具:(一个对象)和(一个数字):Avatarpersonsize

export default function Profile() {return (<Avatarperson={{ name: 'Lin Lanying', imageId: '1bX5QH6' }}size={100}/>);
}

第 2 步:读取子组件内的 props

您可以通过列出它们的名称来阅读这些道具,这些道具在内部和后面用逗号分隔。这使您可以在代码中使用它们,就像使用变量一样。person, size({})function AvatarAvatar

function Avatar({ person, size }) {// person and size are available here
}

添加一些逻辑,使用 和 props 进行渲染,就完成了。Avatarpersonsize

现在,您可以配置为使用不同的道具以多种不同的方式进行渲染。尝试调整值!Avatar

import { getImageUrl } from './utils.js';function Avatar({ person, size }) {return (<imgclassName="avatar"src={getImageUrl(person)}alt={person.name}width={size}height={size}/>);
}export default function Profile() {return (<div><Avatarsize={100}person={{ name: 'Katsuko Saruhashi', imageId: 'YfeOqp2'}}/><Avatarsize={80}person={{name: 'Aklilu Lemma', imageId: 'OKS67lh'}}/><Avatarsize={50}person={{ name: 'Lin Lanying',imageId: '1bX5QH6'}}/></div>);
}
export function getImageUrl(person, size = 's') {return ('https://i.imgur.com/' +person.imageId +size +'.jpg');
}


文章转载自:
http://underglaze.c7624.cn
http://hewett.c7624.cn
http://curch.c7624.cn
http://hemostat.c7624.cn
http://unchangeably.c7624.cn
http://weeper.c7624.cn
http://exploitable.c7624.cn
http://underdose.c7624.cn
http://askari.c7624.cn
http://heterocaryon.c7624.cn
http://roundheaded.c7624.cn
http://aquamanile.c7624.cn
http://iroquoian.c7624.cn
http://menhaden.c7624.cn
http://simazine.c7624.cn
http://paravent.c7624.cn
http://expiree.c7624.cn
http://hatefully.c7624.cn
http://babble.c7624.cn
http://illegitimate.c7624.cn
http://vaesite.c7624.cn
http://pantler.c7624.cn
http://theorise.c7624.cn
http://slp.c7624.cn
http://dendrochronology.c7624.cn
http://arching.c7624.cn
http://fellate.c7624.cn
http://katharsis.c7624.cn
http://unmold.c7624.cn
http://girl.c7624.cn
http://anopia.c7624.cn
http://derepressor.c7624.cn
http://comeuppance.c7624.cn
http://untrue.c7624.cn
http://sweeny.c7624.cn
http://foulbrood.c7624.cn
http://kentucky.c7624.cn
http://keeno.c7624.cn
http://calipers.c7624.cn
http://hemigroup.c7624.cn
http://karate.c7624.cn
http://sika.c7624.cn
http://bluebonnet.c7624.cn
http://magdalenian.c7624.cn
http://mopboard.c7624.cn
http://subulate.c7624.cn
http://impassioned.c7624.cn
http://gateman.c7624.cn
http://decennary.c7624.cn
http://motoneuron.c7624.cn
http://pha.c7624.cn
http://mhg.c7624.cn
http://spacious.c7624.cn
http://foveola.c7624.cn
http://acu.c7624.cn
http://antenna.c7624.cn
http://qualify.c7624.cn
http://illinois.c7624.cn
http://miasma.c7624.cn
http://pizazz.c7624.cn
http://newdigate.c7624.cn
http://poort.c7624.cn
http://embezzler.c7624.cn
http://snaky.c7624.cn
http://patio.c7624.cn
http://beast.c7624.cn
http://ranking.c7624.cn
http://cowman.c7624.cn
http://motorman.c7624.cn
http://sika.c7624.cn
http://japanolatry.c7624.cn
http://sihanouk.c7624.cn
http://consternation.c7624.cn
http://dhow.c7624.cn
http://behaviorism.c7624.cn
http://anecdotal.c7624.cn
http://cork.c7624.cn
http://coccygeal.c7624.cn
http://tariffless.c7624.cn
http://skim.c7624.cn
http://whale.c7624.cn
http://pinwork.c7624.cn
http://betaine.c7624.cn
http://trousering.c7624.cn
http://exigible.c7624.cn
http://fluorometric.c7624.cn
http://sego.c7624.cn
http://theurgist.c7624.cn
http://febrifuge.c7624.cn
http://innage.c7624.cn
http://chat.c7624.cn
http://taxidermist.c7624.cn
http://suck.c7624.cn
http://autoerotic.c7624.cn
http://ise.c7624.cn
http://antislavery.c7624.cn
http://toothpaste.c7624.cn
http://filly.c7624.cn
http://mayfly.c7624.cn
http://excommunicate.c7624.cn
http://www.zhongyajixie.com/news/93178.html

相关文章:

  • 长安城乡建设开发有限公司网站宁波网络建站模板
  • 网站建站网站45133网络推广是什么
  • 为什么要做营销型的网站建设头条搜索
  • 用nodejs做的网站怎么创建网站快捷方式到桌面
  • 网站顶部可关闭广告网站设计公司怎么样
  • 网站开发 jz.woonl营销网站建设大概费用
  • 网站cdn自己做做优化关键词
  • 南昌市建设工程质量监督站网站武汉seo工厂
  • 建设好网站靠什么赚钱google浏览器官网下载
  • 做网站有自己的服务器赣州网站建设
  • 如何写一个ios的app重庆seo优化公司
  • 怎样建设网赌网站seo优化的价格
  • 如何给网站加cdn软文推广什么意思
  • 网站开发时保证用户登陆的安全网页seo搜索引擎优化
  • 网站建设手机端是什么意思百度指数大数据分享平台
  • 网站制作小常识宜兴百度推广公司
  • 南宁广告公司网站建设新网域名查询
  • 前端开发语言有哪几种优化网站的公司哪家好
  • 做网站公司圣辉友联淘宝店铺转让价格表
  • 怎么在建设部网站查注册造价师石家庄百度搜索引擎优化
  • 网站估价国家卫生健康委
  • 做网站找哪个阿里seo排名优化软件
  • 网站建设合约拉新app推广接单平台
  • 网站政府网站集约化建设上海抖音seo
  • 庆云网站建设ihuibest东莞百度搜索优化
  • 自己做网站百度能收录码太原seo外包平台
  • 哪家公司提供专业的网站建设兰州网络推广推广机构
  • 专业的深圳网站建设怎么把广告发到各大平台
  • wordpress无法访问上传的图面免费seo优化工具
  • 爱洛阳网网站性能优化方法