ReactJS如何在单击问题时显示列表中的答案
ReactJS 是一种用于构建用户界面的JavaScript库。它采用了组件化的开发方式，使得开发人员可以将界面拆分为独立的、可重复使用的组件，并通过组件之间的组合来构建复杂的用户界面。在单击问题时显示列表中的答案，可以通过以下步骤实现：
- 定义一个状态变量来存储问题和答案的信息，例如：
const [answers, setAnswers] = useState([]);- 创建一个问题列表，并为每个问题添加一个点击事件处理函数，例如：
const handleQuestionClick = (question) => {
// 根据问题获取对应的答案
const answer = getAnswerByQuestion(question);
// 更新答案列表
setAnswers([...answers, answer]);
}
return (
<div>
{questions.map((question, index) => (
<div key={index} onClick={() => handleQuestionClick(question)}>
{question}
</div>
))}
</div>
);- 实现
getAnswerByQuestion函数，根据问题返回对应的答案。这可以是一个简单的条件判断或者是从服务器获取数据的异步操作。 - 在界面上显示答案列表，例如：
<div>
{answers.map((answer, index) => (
<div key={index}>{answer}</div>
))}
</div>通过上述步骤，当用户单击问题时，对应的答案将被添加到答案列表中，并在界面上显示出来。
推荐腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）、腾讯云云数据库 MySQL（https://cloud.tencent.com/product/cdb_mysql.html）。这些产品可以为ReactJS应用提供稳定的服务器和数据库支持。
相关·内容
我试图将数据从本地json中提取到table.This is初始表中：
单击“显示”后，表将如下所示：
单击“显示”后，第一行的详细值将显示在第一行下面。
浏览 5提问于2022-02-01得票数 0
回答已采纳
如果这是一个愚蠢/显而易见的问题，很抱歉，我是Javascript/React的新手。我正在尝试创建一个由JSON对象填充的菜单，这些对象是从API调用中获得的。因为JSON数据是一堆嵌套的对象(我说的是数百个对象)，所以我想出了如何递归调用这些对象并使它们显示在一个无序列表中。我似乎想不出如何添加一个onClick函数，当单击该函数时，它将显示嵌套对象中的下一层。 我会提供一些截图，让你知道我有什么和我正在努力实现什么。递归部分让我在如何让它工作时被绊倒。有没有人有主意？ class Menu extends React.Component {
state = {
catego
浏览 28提问于2019-05-11得票数 4
回答已采纳
我想隐藏一个符号列表之前，我开始调查他们的搜索引擎。
下面是我点击下拉列表时的样子。
正如您所看到的，当我单击时，我会立即看到整个列表。
我如何隐藏它，并在输入查询时开始显示？
例如，如果我用Symbol字段写AD，它应该只显示ADABTC，如果我写ET，它应该显示给我ETHBTC和ETCBTC等等。
代码在这里
import React from "react";
import { Button } from "react-bootstrap";
const symbols = [
"ADABTC",
"AIONBT
浏览 0提问于2020-07-27得票数 1
回答已采纳
假设我有两个数组selectedFoobars和unselectedFoobars。这些是我的数据，使用ReactJS将它们呈现为彼此相邻的列表。
当用户单击其中一个列表中的一个元素时，我希望从该列表中删除该元素，并将其添加到另一个列表的末尾。这部分是非常直接的使用反应。
但是，我希望单击的元素在屏幕上从原来的位置扫描到另一个列表中的新位置。如果用户单击unselectedFoobars中部的和元素，则该元素应该在页面中动画到selectedFoobars列表的底部。
我不希望移动元素在第一个列表中淡出，在第二个列表中淡入。不过，通过使用提供了的动画钩子来进行反应，这是很容易的。
据我所知，这
浏览 13提问于2014-12-23得票数 4
回答已采纳
3回答
我目前要做的是在select下拉列表中筛选现有的项目列表。这意味着，每当我单击某一项时，我都希望将其从可用选项中删除(因此我不能将其两次添加到列表中)。
我遇到的问题是，每当我过滤掉这个项目时，就不会在屏幕上显示它(因为我已经将它从列表中删除了)。如何从可用选项列表中删除项目，但仍在屏幕上显示？另外，如果我决定再次更改项目，前面的项目会再次显示在列表中吗？
我怀疑问题可能在我的过滤功能中：
const filterElements = (selectedPerson) => {
let filteredList = people.filter((person) => {
浏览 0提问于2020-11-30得票数 2
当我单击复制图标时，会显示一个弹出窗口。当我单击复制图标时，我将状态"showPopup“设置为true。我的渲染函数现在看到它是真的，并显示弹出窗口。如果我在其他任何地方单击“外部”，弹出窗口将自动关闭。 到目前一切尚好。 问题是我在同一个屏幕上有一个下拉列表和一个选项列表。当我单击下拉菜单中的任何选择时，它还会更改状态中的另一个变量，从而导致重新呈现。 然而，之前的"showPopup“状态是真的，而不是假的。因此，无论我现在点击同一屏幕上的哪个位置，我都会显示弹出窗口。我只希望它在我特别单击“复制”按钮时出现。 我想知道如何解决这个问题，我尝试了componentDid
浏览 39提问于2020-04-20得票数 2
我使用material-ui v4中的multi select box创建了这个example。 该示例包含两个组件，第一个组件具有未正常工作的object的默认值列表，第二个组件具有工作正常的字符串列表。 问题：(第一个组件)当我打开Select组件时，缺省值没有被选中，当我单击缺省值时，它再次添加到选择框中，我多次得到相同的值。
浏览 23提问于2021-10-21得票数 1
回答已采纳
2回答
我已经为孩子们创建了一个地理问题列表。URL如下：
我最初将显示样式设置为"none“以隐藏答案。单击链接时，相应元素的显示样式将更改为"“以取消隐藏。这很好用，只是滚动位置不会被保留。我创建了一个函数(scroll_to)来将滚动位置设置为特定的元素，并尝试将其称为最终的onClick操作，但它不起作用。我怀疑这是因为在onClick被处理之后，滚动位置被重置了。任何建议都将不胜感激。
菲利普
浏览 0提问于2015-05-22得票数 0
2回答
我想弄清楚怎样才能把这些项目添加到监视列表中，
这里要执行的步骤是，当用户单击add按钮时，项目应该添加到我创建的监视列表页面/组件中。
请查看组件的层次结构。我想在观察列表页面上显示添加的项目。
请看我试过的密码。
const [watchlist, setWatchlist] = useState ([]);
const handleWatchlist = (movieData) => {
const newList = [...watchlist, movieData]
setWatchlist(newList)
console.log(newList
浏览 4提问于2022-01-13得票数 -1
回答已采纳
1回答
我有一个结果列表，每次我单击一个结果时，它都会调用我的addFunc函数，将该特定结果的详细信息作为对象添加到selectedData列表中。目前，当我console.log我的selectedData列表时，这是有效的。 我想要做的是显示我的selectedData列表，每次单击一个结果时，该对象都会被添加到列表中，并且我希望它反映在我的屏幕上。 我相信我必须使用state才能做到这一点，但我不太确定如何做到这一点。谢谢你的帮助。 下面是我的代码摘要： let selectedData = [];
const Wrapper = cb => {
return (res, tri
浏览 6提问于2020-06-20得票数 0
回答已采纳
当我第一次登录时，会出现注销链接，并且open变量的初始状态是true，但是我的open变量的初始状态应该是false，我想它不会显示这个链接。 我尝试添加注销toggleOpen()方法是否在渲染时自动调用，但发现它没有被调用。 import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import { Meteor } from 'meteor/meteor';
clas
浏览 32提问于2019-06-30得票数 0
我试图在ReactJS中创建一个测试应用程序。我在里注射了一张表格。每个滑块只有一个问题与单选按钮。
return (
<React.Fragment>
<Slider {...settings} ref={sliderRef}>
{data.map((question, index) => (
<FormGroup inline className="form-group-center">
浏览 4提问于2022-05-11得票数 0
回答已采纳
6回答
有几篇关于这个话题的文章，但似乎没有一个能很好地解决我的问题。为了得到想要的结果，我尝试使用了几个不同的库，甚至是库的组合。到目前为止，我没有运气，但我感觉离解决方案很近了。
实际上，我想通过单击一个按钮来下载一个CSV文件。我正在为按钮使用Material-UI组件，并希望将功能尽可能紧密地绑定到React，只有在绝对必要的情况下才使用vanilla JS。
为了提供更多关于具体问题的背景，我有一个调查列表。每个调查都有一组问题，每个问题有2-5个答案。一旦不同的用户回答了调查，该网站的管理员应该能够点击一个按钮，下载报告。此报告是一个CSV文件，其中包含与每个问题相关的标题和相应的数字，这
浏览 24提问于2018-11-28得票数 11
2回答
在尝试做.when时，我单击一个按钮，打开另一个活动并显示列表框。在该列表框中，显示表中特定列的值列表。也就是说，我们必须从sqlite数据库中检索。怎么做？？
就像这样：
浏览 1提问于2013-03-26得票数 0
我有一个登录页面(Functional)，当用户尝试登录而不输入所需的字段时，我必须显示错误消息(例如：“电子邮件是必需的”)。当存在无效字段时，我不应该进行API调用。
但是，在不输入字段的情况下，当我单击登录按钮时，API调用就完成了。再次单击登录按钮将停止API调用。
我做了这个演示- 解释了这个问题。
应采取以下步骤：
1.点击登录，不填写任何文本值。当字段无效时，您可以看到"API请求已发出“语句。
2.再次单击登录按钮，现在显示"API请求停止“语句。
我是新的反应，我不知道，原因和解决办法，以解决这个问题。
有人能帮帮我吗？
谢谢,
阿希拉什
浏览 2提问于2020-05-11得票数 0
回答已采纳
2回答
我已经使用material UI和reactjs创建了一个列表，当一个新元素被添加到列表中时，新元素将位于列表的顶部。我有一个要求，当我单击列表上的一个元素时，该元素应该是删除线，并且现在该元素应该列在列表的底部。我可以在单击时删除元素，但我不知道如何将该元素放在列表的底部 我应该如何处理这个问题？ listlayout.js的代码如下所示，在此代码中，列出了添加的项，我需要找到在元素受到限制时更改列表顺序的方法 app.js class App extends Component {
constructor(props) {
super(props);
浏览 28提问于2020-03-24得票数 1
回答已采纳
我已经实现了一个列有记录的React组件，并允许通过<button>元素切换记录(隐藏的和未隐藏的)。
现在，我需要切换/隐藏/取消隐藏每个列表项的图像，方法是为每个列表项设置一个单独的开关/按钮：
我现在有这样的代码来切换每个列表项的图像显示：
hideUnhidePhoto(id) {
const newData = this.state.data.map(item => {
if(item.id === id) {
return { ...item, photoVisible: !item.photoVisible};
浏览 1提问于2019-03-06得票数 2
回答已采纳
我在ext中有一个组合框，它是动态填充的。没有什么非常complex...and，它可以正确地填充。这是组合框的显示值的结构：
Name: [dynamicName]
Gender : [dynamicGender]
Age: [dynamicAge]
目标是在<b></b>标签中包含Name:，Gender:和Age：。动态值应为普通文本。假设我定义了一个数组，我将从该数组填充组合的数据存储。这是数组：
var arr=[[id1, <b>Name:</b>],[id2, <b>Gender:</b>],[id3, &
浏览 1提问于2011-02-04得票数 1
回答已采纳
我已经用react创建了一个切换列表，当用户单击一个列表项时，它会展开并显示一些内容。到目前为止上帝，但现在它只被隐藏时，当用户点击另一个列表项目，这是ok，但我想实现我可以切换一个项目，我的意思是，显示和隐藏时，我点击相同的项目->例如，我想设置项目的状态为真/假点击，但我不知道怎么做。现在我只是添加一个活动类，但是如何在一次单击中触发两个事件，即设置一个活动类并同时更改状态？
这是我到目前为止所得到的：
export default class ToggleList extends React.Component{
constructor(props){
super()
浏览 15提问于2018-01-17得票数 0
10回答
我使用reactjs并希望使用click事件处理滚动。
首先，我使用componentDidMount提供了帖子列表。
其次，通过click event在列表中的每一篇文章中，它将显示文章的详细信息并滚动到顶部(因为我把文章细节放在页面的顶端)。
第三，通过点击"close button"在帖子的细节，它将返回以前的帖子列表，但我希望网站将滚动到准确的位置点击后的帖子。
我是这样用的：
单击“事件”查看文章详细信息：
inSingle = (post, e) => {
this.setState({
post: post,
thepo
浏览 2提问于2018-11-05得票数 54
回答已采纳
1回答
我想让页面上的文本在映射数组中没有显示项目时进行更改。我显示的是一个问题列表，但是如果一个问题被“回答”(回答:true的布尔值)，那么它就不会被映射。 我正在尝试找出最好的方法来确定数组中的每一项是否都回答了: true，然后相应地更改页面上的文本。当我需要一个检查没有返回结果的函数时，可以使用filter吗？ 页面左侧显示一个列表，右侧显示文本“请单击一个问题”。当选择一个问题时，它将“请单击一个问题”替换为有关所选问题的信息。但是当没有问题时，我想要“请点击一个问题”来显示类似“当前没有问题要回答”之类的内容。 this.state = {
questions: [],
浏览 9提问于2021-01-27得票数 0
1回答
我对在C#中编写WPF应用程序非常陌生，我想知道最好的方法是做以下工作：
我在列表框中显示了一个未知数目的名称列表，希望有一种方式，在单击时显示一个表单，该表单可以填充然后保存，然后单击下一个名称时，它将显示一个新的空白表单来填写，但如果返回到以前的任何表单，它将显示上次输入的信息。
我只是在寻找一个基本的答案，因为我知道这是一个相当冗长的问题。
感谢您的所有帮助，在先进！
浏览 1提问于2022-06-30得票数 0
我想有3个按钮和3个相关的组件。因此，当按钮单击显示其相关组件。这是我的代码：
主要构成部分：
class Main extends Component { constructor(props) {
super(props);
this.state = {
show: false,
}}
onClick(e) {
e.preventDefault()
console.log(e.target.id)
this.setState({ show: !
浏览 3提问于2020-06-10得票数 1
回答已采纳
在React路由器中，我有to和onClick属性，如下所示
<li key={i}><Link to="/about" onClick={() => props.selectName(name)}>{name}</Link></li>
state = {
selectedName: ''
};
selectName = (name) => {
setTimeout(function(){this.setState({selectedName:name});}.bind(this),1
浏览 0提问于2018-01-17得票数 16
回答已采纳
3回答
使用ReactJS显示新的列表项
、、、、
在单击按钮时，我在更新数组并将数组显示为列表项时遇到问题。从下面的代码中，我得到了错误消息：
list.map不是一个函数
import React from "react";
export default class InputPushToList extends React.Component {
constructor(props) {
super(props);
this.state = {
ActiveText: "",
li: ["First Item"]
};
浏览 0提问于2018-12-19得票数 0
回答已采纳
我在Ubuntu软件中心买了一些Linux格式的杂志。我现在重新安装Ubuntu，并希望重新下载杂志。在列表中，它们正确地显示为“以前购买的”，但是如果我试图安装它们，我会看到：
在您当前的软件资源中没有一个名为lxf171的软件包。
另外，当我在菜单中单击“重新安装以前的购买”时，这些杂志不会出现。
如果我想买一本新的杂志，一切都会很完美。
有谁知道我如何下载我已经付费和没有载入过去的杂志？
浏览 0提问于2013-07-05得票数 2
我正在开发一个ReactJs测试应用程序，在这个应用程序中，我在验证json中的答案时遇到了问题。
我使用使用状态组件的react版本16.8完成了这个测试应用程序，并使用map函数获取json数据并存储在状态中--我已经完成了视图部分，现在我开始验证测试，并且在这部分中挣扎。
下面是完整的代码：，并添加我的json链接：
我希望答案应该被验证，如果用户在尝试所有问题之前单击submit按钮，它应该显示您有未回答的问题，如果用户在尝试所有测试后单击submit，则应该显示用户获得的总分。
浏览 1提问于2019-08-01得票数 0
以下是说明：
从应用程序管理器的主屏幕开始，单击顶部菜单上的绿色箭头/播放按钮。这将显示请求屏幕。
在“请求屏幕搜索”框中，输入In横幅，然后单击“请求”按钮。这将显示提交屏幕。
在“提交”屏幕中，单击“选择”按钮，获取可用作业的列表。
下一个屏幕有两个列或列表框。滚动未分配的列表或在搜索框中输入班纳作业名称。突出显示未分配列表中的作业以选择并单击蓝色右箭头按钮将作业移动到指定的列表框中。单击OK。
返回到提交屏幕。这并不是很明显，你选择了任何东西，因为你的工作名称没有出现在任何地方。它只在Prompts框中显示一个"Ref=数字“。现在只需单击Submit按钮，您
浏览 3提问于2015-10-28得票数 0
1回答
我是ReactJS的新手，我正在开发一个应用程序，在那里我们显示来自web的图像列表，用户可以选择一个图像，输入一些详细信息，并将此图像提交到后端应用程序。我正在寻找React组件(可能来自Material UI -)，我可以在其中显示图像列表，当单击图像时，它会将其显示为选中状态。
谢谢!
浏览 0提问于2017-10-22得票数 2
2回答
我正在开发一个样例reactjs应用程序(正在学习中)。我有一个页面，其中列出了用户列表和添加按钮，以添加新用户。
当我单击add按钮时，我应该导航到用户表单以创建新用户。
在单击user表单中的submit按钮后，它应该导航回第一个页面，在那里它应该列出用户列表和新用户。
如何在react中的页面之间导航？
浏览 1提问于2016-10-17得票数 9
回答已采纳
1回答
我正在开发一个Reactjs应用程序。我想找到一个React组件库或开源项目，它实现了熟悉的MasterList细节UX模式，非常熟悉现代移动应用程序。类似于下面GIF中包含的演示。
我需要一个UX组件，让我们实现一个列表，然后单击列表后，显示该列表项的详细信息。
类似于：
<ListDetail list={foo} />
图1.列表-详细演示。显示熟悉的列表视图，然后单击列表项后显示详细信息。
📷
另一个例子。
图2.与图1相同的基本模式。我正在寻找一个React组件库或开源项目。
📷
浏览 0提问于2019-01-15得票数 1
我想弄清楚怎样才能把这些项目添加到监视列表中，
这里要执行的步骤是，当用户单击add按钮时，项目应该添加到我创建的监视列表页面/组件中。
请查看组件的层次结构。我想在观察列表页面上显示添加的项目。
请看我试过的密码。
const [watchlist, setWatchlist] = useState ([]);
const handleWatchlist = (movieData) => {
const newList = [...watchlist, movieData]
setWatchlist(newList)
console.log(newList
浏览 5提问于2022-01-17得票数 -1
回答已采纳
我正在生成一个包含以下内容的元素列表：
LeftPanel.js
if (this.state.trader_or_team == 'trader') {
itemList = users.map(u => <User key={u.id} user={u}
selected={this.props.selected_trader && this.props.selected_trader.id == u.id}
浏览 4提问于2016-12-20得票数 2
1回答
我在listview中显示项目列表(假设是主类别)，一旦我单击这些项目，它就会显示sub_category。然后我再次点击item的子类别，它将转到next activity。我的问题是，每当我单击子类别并再次单击模拟器中的后退按钮时，主类别中的项目将不会显示。
浏览 4提问于2011-02-23得票数 0
回答已采纳
我正在处理一个包含listview的片段(这个片段是在创建活动时生成的PlaceHolderFragment )。我扩展了ArrayAdapter，使我的自定义适配器和填充我的列表视图这个适配器。
一件重要的事情是在一行列表视图中，有两个按钮:首先是“启用/禁用”按钮以更改用户的状态(当用户的状态处于活动状态时，则为“禁用”，否则为“启用”)，第二个按钮是“删除”按钮(用于删除用户)。因此，我必须在适配器的方法OnClickListener ()中为这两个按钮实现getView
单击任一按钮时，它将向服务器发送请求并对数据库进行操作(更改用户状态或从数据库中删除用户)。问题是，当我单击“启用”
浏览 4提问于2014-07-09得票数 5
回答已采纳
2回答
我已经映射了来自JSON的数据列表。当我单击该项时，它应该打开一个爬行，其中包含来自同一个JSON文件的其他详细信息。我能映射所有我点击的东西，我不能切换。我该怎么做。
这是我的渲染方法
render() {
return (
<div>
<h1>API</h1>
<div>
{this.state.apis.map(api => (
<div
key={api.id}
id={api.id}
浏览 0提问于2019-09-11得票数 0
回答已采纳
我正在创建一个基于Sharepoint列表的Power应用程序。假设它有两个pages.In页面1，我有两个按钮b1 & b2。当我单击b1时，它应该转到第2页&在我的Sharepoint list.And中只显示一些列值，当我单击第1页中的b2按钮时，应该显示其余的列值。重点是--我应该给这些按钮提供什么样的条件来实现这一点，请大家在这些方面提供帮助。
[
浏览 7提问于2020-09-28得票数 1
回答已采纳
我的活动中有一个由特定列表填充的RecyclerView。当用户单击RecyclerView中的任何项目时，列表(RecyclerView)就会被更新。
有时列表是空的。所以在上述RecyclerView的上方有一个广告。我在onCreate()上加载广告。
因此，如果列表(RecyclerView)为空，则隐藏显示广告的广告。隐藏和消除隐藏的原因是因为我看到在空页上显示广告是违反admob策略的。
请你把这个藏起来和解开有什么问题吗？
浏览 1提问于2017-09-06得票数 0
当我卸载子组件时，我得到can't setstate on unmount component警告。 我要做的是什么？我有一个父组件ViewItems和子组件ItemsList。在ViewItems组件中，我使用load_items方法从服务器检索条目列表，该方法又使用client.get_file方法。并将这些项目列表存储在名为" items“的状态中。我在componenDidMount方法中调用这个load_items方法。但是，这不会显示另一个项目的新详细信息。 给出一个清晰的问题图景。考虑我在一个页面中呈现项目。当我单击一个项目时，它会将我带到其他页面(在本例中，i
浏览 20提问于2019-02-15得票数 0
回答已采纳
我是新来的，所以很抱歉，如果我一开始没有给出你想要的所有信息，我不习惯发布问题，并为我糟糕的英语感到抱歉… 我正在创建一个包含2个球员列表的组件，用子组件"PlayersList“表示:将要比赛的球员和等待比赛的球员。在等待列表中的每个玩家项上，我创建了一个按钮来推动他进入播放列表:所以我想将他从等待列表(一个子组件)中删除，并将他添加到播放列表(另一个子组件)中 ==== 我的父组件(包含两个子列表)的重要内容： constructor(){
super();
this.state = { tournament: {}, players:[],wai
浏览 8提问于2021-03-19得票数 0
回答已采纳
我试图创建一个面板，其中显示的项目列表，一旦一个项目被点击，右边应该显示项目所选择的。左手边应该包含一个项目列表。项目列表可能很长，因此，我限制了列表的最大高度，以便当它超过此高度时，它将创建一个滚动条，以便用户可以向下滚动以查看列表的其余部分。问题是，每当单击列表底部的项时，列表就会自动滚动回顶部。我有一种感觉，这是因为我使用一个状态来传递项目，并且当项目被更改时，它会导致重呈现，从而“重新”列表。有人能给我一个建议，说明我怎样才能阻止这一切发生吗？任何指点都将不胜感激！
下面是沙箱：
ex/滚动到底部并单击"random30“，列表将返回到"random1”
浏览 1提问于2020-04-27得票数 1
回答已采纳
我想在提交时在localstorage中存储多个输入字段表单数据，单击并在另一个组件中显示。 <code>
handleSubmit = (event) => {
event.preventDefault();
console.log(this.state);
if (formValid(this.state)) {
console.error("Form is valid");
localStorage.setItem("userSubmit", ...this.state);
}
浏览 42提问于2020-09-14得票数 0
回答已采纳
我有一个父母和一个孩子。说
Parent{
render(){
return(
<Child1 />
<Child2 list={this.state.value}/>
)
}
}
现在，我的问题是，当我的控件到达Child2时，props.list总是为null，当我单击Child1中的选择框时，状态将被填充，从而在child2中显示列表。
我面临的问题是，当控件第一次到达child2时，浏览器显示列表中的控制台没有定义，并且中断，在我的孩子中没有呈现任何内容。如何处理这个场景？
也是
浏览 2提问于2017-06-05得票数 1
回答已采纳
StackEye是一个Chrome扩展，可以用来跟踪其他用户的答案和问题。使用StackEye，您还可以通过获取每个答复/评论的通知，将问题添加到监视列表中。StackEye v1.0可以在铬库中获得，源代码可以在GitHub上获得。请随时分叉，并给出任何反馈。
一些特点：
不需要登录/身份验证。
能解决任何问题(不仅仅是你问的那些问题)。
只需一次单击就可以观察或取消问题。
跟随你最喜欢的用户(新的)
查看所有通知和问题的列表。
在所有堆栈交换站点上工作。
这些快照将帮助您理解什么是StackEye：
单击“眼睛”图标可观看并取消观看一个问题。不观看(点击观看)：
📷
Watching (
浏览 0提问于2013-12-21得票数 51
1回答
我正在制作一个网站，网站需要保存的用户文件。我的问题是:我有一个文件列表，( docs, pdf, img, xml, excel )。当用户单击列表中的文件时，我需要显示每个文件的内容。我知道如何使用img，但其他文件类型我不知道。我试过使用，但它只支持pdf。我的问题是：您知道如何显示支持所有(或至少更多)文件类型的任何类型的文件或库吗？
如果这很重要，我将在服务器端使用php(严格地说是yii )。还有一件事是很重要的，文件需要在我的服务器上。
浏览 1提问于2014-09-03得票数 0
回答已采纳
我正在做一个项目，在这个项目中，我映射了一个从1到90的数字列表，并为每个数字返回一个按钮，所以当我单击特定按钮时，颜色会发生变化，当我再次单击时，颜色会消失。这就是我的问题，当按钮被点击时，我需要将按钮中的数字添加到列表中，并且颜色发生变化，然后当再次单击按钮，颜色变回正常时，将其从列表中删除。这是我在单击时为按钮添加颜色，再次单击时删除颜色的代码库。 import React from 'react';
import './style.css';
export default function App() {
cons
浏览 38提问于2021-09-25得票数 0
我有这个React组件，它包含从列表生成的项(使用map函数)。每个元素都有一个按钮。我希望此按钮的onclick按钮传入一个参数，以确定哪个列表项的按钮被单击。
它看起来像这样。
var Component = React.createClass({
assignItem: function(item){
this.setState({item:item})
},
render: function(){
var listItems = list.map(function(item){
return <div>
浏览 1提问于2016-04-12得票数 4
回答已采纳
我正在构建一个食谱应用程序和有问题的删除功能。
它的工作原理是单击“添加菜谱”按钮，然后弹出一个模式，使您可以为新菜谱填写一些输入字段。在该表单中有一个成分字段和一个“添加成分”按钮。单击"Add“，将该成分添加到配料列表中。它的行为完全像一个待办事项列表，但它在一个表单组件中。我也希望能去除一种成分。
我的应用程序组件的结构如下：
(parent)RecipeCardForm.js RecipeBook.js (儿童)
这是位于父组件中的表单组件：
<RecipeCardForm
handleRemoveIngredients={this.handleRemoveIngredi
浏览 8提问于2020-04-25得票数 0
1回答
我有一个项目的列表，每个项目旁边都有一个垃圾桶(即删除按钮)。因为有这么多可能的结果，所以我会显示25个结果，然后对其余的结果进行分页(当用户此时单击next page按钮时，我就会得到下一个结果)。
然而，我面临的问题是，一旦他们删除了一个项目，如果数据库中仍然有项目，我想要检索他们的下一个项目。
所以30个项目属于这个用户，他们看到25个，如果他们删除了一个，下一个项目(项目26)将从数据库中拉出并显示。
我不认为这是很难实现的问题，如果他们想要删除5个项目并相互点击，我害怕竞争条件会发生，而不是拉item26，item27，item28，item29，item30，它可能拉item26
浏览 4提问于2018-11-08得票数 0
1回答
我试图构建一个带有侧栏的单页React.js应用程序。以下是预期的效果：
假设主页(包含文本settings as sidebar的区域)有一个按钮。单击该按钮时，侧栏将显示项目列表。单击该项时，列表视图上将滑出一个包含详细信息的视图。想象一下，右边的侧边栏就像iphone设置菜单一样工作。每个动作都会改变URL (react路由器)。
有谁能帮上忙吗？这也是一个问题，如何组织这种应用程序时，使用React。
更新：
曼努埃尔·比托写了一个很好的例子，除了网址的变化外，它是有效的。我想举一个使用react-router的例子，因为侧栏包含大量内容，并且当您打开侧边栏和深入时，URL必
浏览 4提问于2015-04-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
