reactjs - 在 Reactjs 中编辑 Png 文件文本

Question

const useStyles = makeStyles((theme) => ({
  root: {
    flexGrow: 1,
    },
  appbar:{
    background: "#3c3b63",
    text: "#ffffff",
    boxShadow: "rgba(0,0,0,0.2)",
   },
  toolbar:{
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'space-between',
    
  },
  icon:{
    display:'inline',
    marginBottom: theme.spacing(1),
    width:"75px",
    height:'75px'
   
  },
  
}));

export default function SearchAppBar() {
  const classes = useStyles();

  return (
    <div className={classes.root}>
      <AppBar position="sticky" className={classes.appbar}>
        <Toolbar className={classes.toolbar}>
          <img src = {icon} className ={classes.icon}/>
          
          <div className={classes.search}>
            <div className={classes.searchIcon}>
            <SearchIcon />
            </div>
            <InputBase
              placeholder="Search…&quot;
              classes={{
                root: classes.inputRoot,
                input: classes.inputInput,
              }}
              inputProps={{ 'aria-label': 'search' }}
            />
          </div>
        </Toolbar>
      </AppBar>
    </div>
  );
}

强文本 我想使用 reactJS 更改 png 文件中的文本。我想在单行中查看美国新闻。来自 [美国新闻][1] [1]：https://i.stack.imgur.com/X1QPW.png 至 [美国新闻][2] [2]：https://i.stack.imgur.com /VymgV.png

标签： reactjspng