您现在的位置:首页 >> 前端 >> 内容

html覆盖默认样式(React组件)

时间:2017/12/1 15:37:34 点击:

  核心提示:完成一个函数 getDefaultStyledPost,这个函数接受一个表示样式的对象作为参数,返回一个组件只有。元素的组件:const Post = getDefaultStyledPost({ c...

完成一个函数 getDefaultStyledPost,这个函数接受一个表示样式的对象作为参数,返回一个组件只有。

元素的组件:

const Post = getDefaultStyledPost({ color: 'red' })
 //

任意内容

,颜色为红色

渲染出来的

元素要具有 getDefaultStyledPost 所接受对象所表示的样式。此外,返回的 Post 组件还要能够接受一个 style 对象作为 props,这个对象会和原来的样式进行合并显示:

const Post = getDefaultStyledPost({ color: 'red' })

方案

const getDefaultStyledPost = (defaultStyle) => {
  class Post extends React.Component{
    render(){
      return (
        

任意内容

) } } return Post; }

Tags:HT TM ML L覆 
作者:网络 来源:Var_YanGua