为什么即使在渲染上进行更新后，defaultInputValue和defaultSelected道具在TypeAhead组件的UI中也没有反映出相同的含义？

问题描述

我尝试过的东西：

<p><br>
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td style="width: 300px; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; border-left: solid windowtext 1.0pt; border-top: solid windowtext 1.0pt;  background: #D9D9D9; text-align: center;">
            <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">Hardware</span></p>
        </td>
        <td style="width: 200px; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; border-left: solid windowtext 1.0pt; border-top: solid windowtext 1.0pt;  background: #D9D9D9; text-align: center;">
           <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">QTY</span></p>
        </td>
        <td style="width: 200px;  border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; border-left: solid windowtext 1.0pt; border-top: solid windowtext 1.0pt;  background: #D9D9D9; text-align: center;">
           <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">Price</span></p>
        </td>
        <td style="width: 200px;  border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; border-left: solid windowtext 1.0pt; border-top: solid windowtext 1.0pt;  background: #D9D9D9; text-align: center;">
           <p><span style="font-family:'Arial',sans-serif; font-weight: normal;">Total</span></p>
        </td>
    </tr>
<br>

    <tr>
        <td style="width: 300px; border-left: solid windowtext 1.0pt;  text-align: center;border-top: none; border-bottom: solid windowtext 1.0pt; border-right: none;">
            <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">Engineering Desktop</span></p>
        </td>
        <td style="width: 200px;  text-align: center;border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: none;">
           <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">3</span></p>
        </td>
        <td style="width: 200px;  text-align: center;border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: none;">
           <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">503.00 </span></p>
        </td>
        <td style="width: 200px; border-bottom: solid windowtext 1.0pt; text-align: center;border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; ">
           <p><span style="font-family:'Arial',sans-serif; font-weight: normal;">1509</span></p>
        </td>
    </tr>

    <tr>
        <td style="width: 300px; border-left: solid windowtext 1.0pt;  text-align: center;border-top: none; border-bottom: solid windowtext 1.0pt; border-right: none;">
            <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">BIM-Spec Desktop</span></p>
        </td>
        <td style="width: 200px;  text-align: center;border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: none;">
           <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">1</span></p>
        </td>
        <td style="width: 200px;  text-align: center;border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: none;">
           <p><span style="font-family: 'Arial',sans-serif; font-weight: normal;">765.00 </span></p>
        </td>
        <td style="width: 200px; border-bottom: solid windowtext 1.0pt; text-align: center;border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; ">
           <p><span style="font-family:'Arial',sans-serif; font-weight: normal;">765</span></p>
        </td>
    </tr>
</table></p>

试图检查即使更新了todoTitle之后，它是否也会在第27行上反映出来。但是对于Typeahead组件，它没有显示在UI中。我什至验证了，defaultSelected通过React-dev-tools作为Typeahead Component中的props被更新。但是即使组件重新渲染，它也不会在UI中反映出来。 Typeahead中的defaultInputValue属性也具有相同的行为。

下面是参考文献：

https://github.com/ericgio/react-bootstrap-typeahead/blob/HEAD/docs/API.md#typeahead

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）