[解決済み] Reactで赤い横線を引くには？

質問

リアクトコンポーネントにダイナミックカラーで横線(hr)を引くには？

今のところ、こんな感じです。

render {
    let color = 'red';
    return (
        <div> 
            There is a red HR
           <hr />
        <div>
    )
}

解決方法は？

コンポーネントを設定する1つの方法です。

const ColoredLine = ({ color }) => (
    <hr
        style={{
            color: color,
            backgroundColor: color,
            height: 5
        }}
    />
);

と使ってください。

<ColoredLine color="red" />

のスタイルの詳細については、こちらをご覧ください。 <hr /> をご覧ください。 http://www.sovavsiti.cz/css/hr.html