json - 我该如何反应(从 Json 获取 axios 并重新排列我的页面)
问题描述
为什么我要问这个问题(主要回报)已经结束,但是
董事会作家
不是画。我怎样才能画出这个对象如果我的问题是错误的方式请告诉我。我会修好它
我试过这种方式
- 首先使用地图功能
- 像这样的函数 renderUser = ({board_SEQ, content, writer,subject}) => {
- 范围 }
const Home = () => {
const initboard = {
board_SEQ: '',
writer: '',
content: '',
subject: ''
};
const [boards, setBoard] = useState([]);
const load = () => {
axios.get('http://www.heon.shop:8080/api/boards')
.then((res) => {
const data = res.data;
setBoard(boards => [...boards, {
board_SEQ: (data[0].board_SEQ),
writer: data[0].writer,
content: data[0].content,
subject: data[0].subject
}]);
})
.catch((error) => {
console.log("error" + error);
}
);
}
useEffect(() => {
load();
console.log("useEffect");
}, []);
const renderUser = ({board_SEQ, content, writer, subject}) => {
return (
<div>
<li>he</li>
<li>{board_SEQ}</li>
<li>{content}</li>
<li>{writer}</li>
<li>{subject}</li>
</div>
);
}
return (
<div>
{boards.map(board => {
<h1> {board.writer}</h1>
})}
</div>
);
}
export default Home;
解决方案
或许你可以这样试试
<div>
{boards.map(board => renderUser(board)}
</div>
如果您想直接使用(添加返回到地图)呈现项目:
<div>
{boards.map(board => {
return <h1> {board.writer}</h1>;
})}
</div>
推荐阅读
- python - ValueError:检查输入时出错:预期 conv2d_input 有 4 个维度
- reactjs - 在 React 中,render() { return()} 与 class extends component{render(){}} 之间声明 'const' 或 'let' 有什么区别?
- python - 为什么将地图对象打印为列表会更改“in”(python 3.7.3)的结果?
- regex - Prismjs:正则表达式正后视等效?
- liquid - 如何在 Liquid 语句中使用动态列表键
- youtube-api - 403 广告效果报告中带有 adType 维度的禁止响应
- android - RoomDatabase:找不到符号变量_result
- c - 如何使用 Linux 终端编译带有变量名的 C 程序?
- angular - 角度参数路由不能作为外部链接
- amazon-web-services - AWS Cloudformation 部署引入新变量