Inline Styles?
还没有人认领这个 Issue。
评估
- 难度
- 5/5
- 预计耗时
- 一周以上
- 新手友好度
- 20/100
- Issue 类型
- 文档
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- javascript, react
调研方向
请先阅读 issue 讨论以及链接的 React inline-styles 指南;未指出任何仓库文件、测试或入口点。贡献者需要先就教学材料及其范围作出明确决定,然后才能更新相关课程并记录约定的指导。
由索引模型根据 Issue 内容生成。
描述
Facebook officially recommends that people define their
style as a JavaScript Object: http://facebook.github.io/react/tips/inline-styles.html
e.g:
var divStyle = {
color: 'white',
backgroundImage: 'url(' + imgUrl + ')',
WebkitTransition: 'all', // note the capital 'W' here
msTransition: 'all' // 'ms' is the only lowercase vendor prefix
};
ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);
Does anybody else think that in-lining styles as JS inside Components is a _debugging nightmare_ waiting to happen (*as an app gets larger and new people add hacks & overrides to mask previous CSS instead of editing the CSS in the style sheet...?

- 主要语言
- HTML
- 星标
- 107
- 派生
- 21
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
dwyl/learn-react 的其他 Issue
-
question
难度 3/5 1-2 天 新手友好度 25/100
dwyl/learn-react#30 ·
-
question
难度 5/5 一周以上 新手友好度 10/100
dwyl/learn-react#29 ·
-
难度 2/5 1-3 小时 新手友好度 35/100
dwyl/learn-react#28 ·
-
enhancement
难度 2/5 1 小时以内 新手友好度 25/100
dwyl/learn-react#26 · 1 个 reaction ·
-
难度 5/5 一周以上 新手友好度 20/100
dwyl/learn-react#25 ·
相似的 Issue
-
难度 1/5 1 小时以内 新手友好度 72/100
letsencrypt/cp-cps#353 ·
-
automated issue report
难度 2/5 1-3 小时 新手友好度 72/100
-
难度 2/5 1-3 小时 新手友好度 92/100
MagaluCloud/terraform-provider-mgc#323 ·
维护者通常 11 天内回复
-
难度 2/5 1-3 小时 新手友好度 84/100
维护者通常 1 天内回复
-
难度 1/5 1 小时以内 新手友好度 68/100
维护者通常 1 天内回复