Question

我有一个<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="urn:org:jgroups" xsi:schemaLocation="urn:org:jgroups http://www.jgroups.org/schema/jgroups-4.0.xsd"> <TCP bind_addr="${infinispan.jgroups.tcp.address:127.0.0.1}" bind_port="${infinispan.jgroups.tcp.port:7800}" enable_diagnostics="false" thread_naming_pattern="pl" send_buf_size="640k" sock_conn_timeout="300" bundler_type="no-bundler" thread_pool.min_threads="${infinispan.jgroups.thread_pool.min_threads:0}" thread_pool.max_threads="${infinispan.jgroups.thread_pool.max_threads:200}" thread_pool.keep_alive_time="60000"/> <TCPPING initial_hosts="${infinispan.jgroups.tcpping.initialhosts}" port_range="0" ergonomics="false" /> <MERGE3 min_interval="10000" max_interval="30000"/> <FD_SOCK/> <FD_ALL timeout="6000" interval="1500" timeout_check_interval="500"/> <VERIFY_SUSPECT timeout="500"/> <pbcast.NAKACK2 use_mcast_xmit="false" xmit_interval="100" xmit_table_num_rows="50" xmit_table_msgs_per_row="1024" xmit_table_max_compaction_time="30000" resend_last_seqno="true"/> <UNICAST3 xmit_interval="100" xmit_table_num_rows="50" xmit_table_msgs_per_row="1024" xmit_table_max_compaction_time="30000"/> <pbcast.STABLE stability_delay="500" desired_avg_gossip="5000" max_bytes="1M"/> <pbcast.GMS print_local_addr="false" join_timeout="${infinispan.jgroups.join_timeout:1000}"/> <MFC max_credits="2m" min_threshold="0.40"/> <FRAG3/>中react-dropzone的拖放字段（称为setState）。

我希望在浏览器中呈现file。

经过测试，它不会产生错误或结果。我可以使其他状态以正常方式呈现。有什么建议吗？

代码：

file.name

谢谢！

编辑：答案是我试图将完整的数组传递给未设置为采用数组的值。在这种情况下，我需要将一个元素（文件名）从文件数组传递到状态。

Answer 1

onDrop 返回可接受文件的数组。

handleOnDrop: (acceptedFiles) => {
  acceptedFiles.forEach(file => {
    console.log(file.name);
  })
}

Docs

Answer 2

这可能不是答案，并且我不知道您是否粘贴了整个代码，但是Dropzone组件上缺少结束标记。

沙箱演示将帮助imo

this.state.file.name不呈现为react元素

2 个答案: