9/24

import React from 'react';
import { StyledAppbar, StyledToolbar } from '../../styles';
export default function Basic({ Icon }) {
  return (
    <StyledAppbar>
      <StyledToolbar>
        <Icon />
      </StyledToolbar>
    </StyledAppbar>
  );
}

이런식으로 appbar에 icon넣기를 정식으로 실행

import React from 'react';
import Typography from '@material-ui/core/Typography';
import { StyledAppbar, StyledToolbar } from '../../styles';
export default function Basic({
  Icon, appstring, Button1, Button2,
}) {
  return (
    <StyledAppbar>
      <StyledToolbar>
        <Icon />
        <Typography>
          {appstring}
        </Typography>
        <Button1 />
        <Button2 />
      </StyledToolbar>
    </StyledAppbar>
  );
}

Button2이 null을 넣을 수 있다면 어떻게 해야 할까…

<></>로 해결

버튼도 스트링 넣기 식으로 변경

validateDOMNesting(...): <button> cannot appear as a descendant of <button>

https://github.com/reactstrap/reactstrap/issues/979

iconbutton안에 한꺼번에 넣어놓느것이 잘못되었나해서 plusbutton을 분리 해봤다 -> 삐삐~~ 정답이 아니므니다~

위에서부터 재검사 들어갑니다

찾았다 -> 버튼아래 버튼을 둘 수 없다!