BLOG

react_if_loop

こんにちは

祝日を早起きして過ごして非常に清々しく得してる気分などうもハヤトワンです。

一昨日二日酔いで一日潰した後遺症がキテる

ということで今日のjs

はReactです。

https://github.com/HayatoMoromasa/lslt/tree/if_loop

//App.js条件分岐による画面切り替え
function App() {
  const [ tab, setTab ] = useState('list');
  return (
    <div>
    <header>
      <ul>
        <li onClick={() => setTab('list')}>List</li>
        <li onClick={() => setTab('form')}>Form</li>
      </ul>
    </header>
      {
        tab === 'list' ?  <List/> : <Form/>
      }
    </div>
  );
}
//List.js繰り返しによるリスト表示
const Languages = [
    'javascript',
    'go',
    'php',
    'typescript',
    'ruby'
]
export const List = () => {
    return (
        <div>
            {
                Languages.map((lang,index) => {
                    return <p key={index}>{lang}</p>
                })
            }
        </div>
    )
}

今日の英語

Regular life:規則正しい生活:

Grated ginger:すりおろした生姜

This movie teach us that it’s important to have a goal:この映画は、目標を持つことが重要であることを教えてくれます

physician:医師

thermometer:体温計

immune system: 免疫システム

If you have a weak immune system, you will easily get ill.:もし免疫システムが弱いと病気になりやすいでしょう

I’m not feeling well.:私は具合がよくありません

I have a fever.:私は熱がある

Thank you for your concern.:心配してくれてありがとう

Get well soon!:早く良くなってください

How are you feeling today?:今日の具合はどう?

Anytime:どういたしまして

You are so kind:とっても親切だね

ということで今日も良い一日を!